jquery mouseenter ve mouseleave nasıl kullanılır?

mouseenter metodu belirttiğimiz nesnenin üzerine geldiğinde çalışır..

$("ul li").mouseenter(function () {
            jQuery(this).children("img").animate({ height: '85px', width: '105px' }, "slow");
        });

Ne yaptık li üzerine gelindiğinde içerisinde bulunan  imajı children metodu ile yakaladık  ve animate metodu ile genişlik ve yükseklik değerlerini animasyon olarak büyüttük

mouseleave metodu ise belirttiğimiz nesnenin üzerinden çıktığında çalışır...

$("ul li").mouseleave(function () {
            jQuery(this).children("img").stop().animate();
            jQuery(this).children("img").animate({ height: '75px', width: '95px' }, "slow");
        });

Burda ise mause ile üzerinde ayrıldığımız li'nin içindeki imaj dosyasını eski haline getirdik...

 

Görüş Hata Bildir

Güvenlik Kodunuz:

Yorum Yap

Yorum kodunuz:

DMCA.com Protection Status
0.0716