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...

 

Creativecommons.org
Bu çalışmanın içeriği, Creative Commons Atıf 2.5 lisansı koşulları altında kullanılabilir . Bu çalışmanın daha fazla dağıtımı,paylaşımı: ismailgultekin(com)a ve çalışmanın başlığına, Kaynak vererek atıfta bulunulmalıdır.

Telif Hakkı:

Problemi Şikayet Et!
Web Yazılımları

Web Yazılımları

Conference Articles

Conference Articles

Evimde Gör

Mobil Uygulamalar

Özel Yazılımlar

Özel Yazılımlar

Orsam Ortadoğu

Orsam Ortadoğu

Haydi El Ele

Haydi El Ele

Makina Yazılımları

Makina Yazılımları

Soru Sor Whatsapp

Görüş Hata Bildir

Güvenlik Kodunuz:

Yorum Yap

Yorum kodunuz:

0.0539