Passez la souris sur le réveil 

Autres astuces

 

Copiez  ce script entre les balises <head> et </head> de votre page :
<SCRIPT>
var quakestrength=5
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>

Vous pouvez le personnaliser en précisant :

    Et ajoutez cette portion de code dans le corps de votre page, en précisant l'endroit où vous voulez placer l'image tremblante (LEFT et TOP) :
<SPAN class=quakestyle id=contact style="LEFT: 300px; TOP: 20px">
<A href="#" onmouseover="quakeme('contact','300','20')">
<IMG border=0 src="reveil.jpg"></A>
</SPAN>