[HTML] Shake - L'immagine trema al passaggio del mouse

« Older   Newer »
 
  Share  
.
  1. Pairon
     
    .

    User deleted


    Questo codice permette di far tremare un' immagine al passaggio del mouse.
    CODICE
    <style>
    .shakeimage{
    position:relative
    }
    </style>
    <script language="JavaScript1.2">
    //configure shake degree (where larger # equals greater shake)
    var rector=3
    ///////DONE EDITTING///////////
    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>
    <img src="img.gif" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">
     
    Top
    .
0 replies since 23/7/2009, 19:35   126 views
  Share  
.