Shake Image Script (Sallanan Resim)

+ Yorum Gönder
Webmaster ve HTML-PHP-ASP-JAVA Bölümünden Shake Image Script (Sallanan Resim) ile ilgili Kısaca Bilgi
  1. 1
    Smallville
    Üye
    Reklam

    Shake Image Script (Sallanan Resim)

    Reklam



    Shake Image Script (Sallanan Resim)

    Forum Alev
    Websitenizde bazı resimlerin mouse ile üzerine gelindiğinde sallanma effecti oluşturmasını istiyorsanız aşağıda verdiğim kodları <head> ile </head> arasına yapıştırın.

    Kod:
    <style>
    .shakeimage{
    position:relative
    }
    </style>
    <script language="JavaScript1.2">
    
    /*
    Shake image script (onMouseover)- 
    © Dynamic Drive (www.dynamicdrive.com)
    For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
    */
    
    //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>
    Şimdi de istediğiniz resmin sallanması için resmin kodunun sonuna şu kodu ekleyin :

    Kod:
    class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"
    Örnek olarak :

    Kod:
    <img src="man.gif"      class="shakeimage"     onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()"     onClick="top.focus()">




  2. Alev
    Özel Üye

    Shake Image Script (Sallanan Resim) Makalesine henüz yorum yazılmamış. ilk yorumu siz yapın


Sponsor Bağlantılar
+ Yorum Gönder
5 üzerinden | Toplam : 0 kişi