(Ż`ˇ._.ˇ[Efeito em Imagens]ˇ.

Imagem que aumenta ao clicar nela

Coloque este código

Troca de imagem ao clicar

Colocar este código entre as tags <head> e </head>

<SCRIPT language=javascript> // Criado por Tk imax@samerica.com imagen1=new Image imagen1.src="suaimagem1.gif" imagen2=new Image imagen2.src="suaimagem2.gif" var i=1; function cambiar() { if (i == 1) { document.images['ejemplo'].src=imagen2.src i=2; } else { document.images['ejemplo'].src=imagen1.src; i=1; } } </SCRIPT>

Colar no local onde vai ficar a imagem.

Tremer a imagem

Colocar este código entre as tags <head> e </head>

<script> function detenerError(){ return true } window.onerror=detenerError </script> <style> .shakeimage{ position:relative } </style> <script language="JavaScript1.2"> var rector=3 var stopit=0 var a=1 function init(which){ stopit=0 shake=which shake.style.left=0 shake.style.top=0 } function rattleimage(){ if ((!document.all&&!document.getElementById)||stopit==1) return if (a==1){ shake.style.top=parseInt(shake.style.top)+rector } else if (a==2){ shake.style.left=parseInt(shake.style.left)+rector } else if (a==3){ shake.style.top=parseInt(shake.style.top)-rector } else{ shake.style.left=parseInt(shake.style.left)-rector } if (a<4) a++ else a=1 setTimeout("rattleimage()",50) } function stoprattle(which){ stopit=1 which.style.left=0 which.style.top=0 } </script>

Colocar este código dentro da tag da imagem

class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)"

Ex:<img border="0" src="kitty.jpg" width="99" height="99" class="shakeimage" onMouseover="init(this);rattleimage()"
onMouseout="stoprattle(this)">

Arrastar a imagem com o mouse

Colocar este código entre as tags <head> e </head>

Colocar este na imagem

class="drag"

Ex: <img src="kitty.jpg" class="drag">

Imagem que aparece ao passar o mouse

Colocar este código entre as tags <head> e </head>

Colocar este na imagem

style="filter:alpha(opacity=10)" onmouseover="nereidFade(this,100,30,5)" onmouseout="nereidFade(this,10,50,5)"

Ex: <img src="kitty.jpg" style="filter:alpha(opacity=10)" onmouseover="nereidFade(this,100,30,5)" onmouseout="nereidFade(this,10,50,5) "

Imagem vai e volta na horizontal

Coloque este código

<MARQUEE BEHAVIOR=ALTERNATE>Sua imagem ou texto aqui </marquee>

Janela rolante sem borda vertical

Coloque este código

<CENTER> <marquee scrollamount="3" direction="UP"onmouseover=this.stop() onmouseout=this.start() width="150" height="150" > <center> sua mensagem ou imagem aqui! </center></marquee>

Janela rolante sem borda horizontal

Coloque este código

<CENTER> <marquee scrollamount="3" direction="left"onmouseover=this.stop() onmouseout=this.start() width="150" height="150" > <center> sua mensagem ou imagem aqui! </center></marquee>

Obs:

No caso das janelas rolantes vc pode fazer alguns ajustes no código.
Para colocar ou aumentar a grossura da borda, procure por
border= 3px ridge.
Para mudar a cor da borda, procure por
border: #000000.
Para aumentar a largura vá até WIDTH
e mude o número pelo tamanho desejado.
Para aumentar o comprimento vá até HEIGTH
e mude o número pelo tamanho desejado.
Para aumentar e diminuir a velocidade vá até
scrollAmount='3'.