tutoriais

Flash

FrontPage

Dreamweaver

Dhtml

Html

ASP

PHP

jogos

Galerias

fóruns

Flash

TUTORIAIS DE DHTML

Uma imagem com tremores.

Uma imagem que treme com a passagem do rato.

Demo : Sobrevoa a imagem com o rato.

1. Inserir entre os tags <HEAD>...</HEAD>:

<SCRIPT>
//Peter Gehrig and Urs Dudli 
// A amplitude do tremor
var quakestrength=5
// A duração do tremor
var max_quake=12
////////////////////////////////////////////////
var thisspan
var i_quake=0
var pause=5
var x_pos,y_pos
var occupied=0

function quakeme(spanname,x,y) {
if (occupied==0) {
i_quake=0
x_pos=x
y_pos=y
if (document.all) {
thisspan=eval("document.all."+spanname+".style")	
}
if (document.layers) {
thisspan=eval("document."+spanname)	
}
quakeme2()
}
}

function quakeme2() {
quakestrength=quakestrength*(-1)
if (document.all&&i_quake<max_quake) {
occupied=1
thisspan.posTop+=quakestrength		
thisspan.posLeft+=quakestrength
var timer=setTimeout("quakeme2()",pause)
i_quake++
}
else if (document.layers&&i_quake<max_quake) {
occupied=1
thisspan.top+=quakestrength		
thisspan.left+=quakestrength
var timer=setTimeout("quakeme2()",pause)
i_quake++
}
else {
clearTimeout(timer)
thisspan.posTop=y_pos	
thisspan.posLeft=x_pos
occupied=0
}
}
</SCRIPT>
<STYLE>
.quakestyle {POSITION: absolute}
</STYLE>

É possível alterar as seguintes variáveis:

A amplitude do tremor
var quakestrength=5
A duração do tremor
var max_quake=12

1. Inserir entre os tags <BODY>...</BODY>:

É necessário modificar:

A posição da imagem ou do botão no style="LEFT: xxpx; TOP: yypx" e quakeme('contact','xx','yy').
Um link eventual sobre a imagem de maneira completamente clássico em <A href="...">.

ANÚNCIOS