Jquery Hover metodu ile nesnelere yeni fonksiyon atama

Jquery  Hover metodu nesnelere yeni fonksiyon  atama
Hover metodu ile uzerine gelinen nesneye yeni durum belirleme,  ona ait bir nesneyi çalıştırabilir , Açılır menüler yapılabilir.


<script type="text/javascript">
$(function(){ 
 $(".nesne1").hover(
 function(){ $(".nesne2").show(); },
     function(){$(".nesne2").hide()}
 );
});
</script>


<style>
.nesne1 { width:150px; height:50px; background:#066; color:#FFF;}
.nesne2 { width:150px; height:50px; margin-top:10px; background:#000;
color:#FFF;}
</style>


<div class="nesne1">buranın üzerine gelince</div>
<div class="nesne2">burası  gösterildi</div>

 

Programın Çıktısı

buranın üzerine gelince
burası gösterildi

Mesaj ve Yorumlar

Yorum Sayısı (0)

ÜYE YORUMLARI

Çevrimiçi :
16
Günlük :
134
Haftalık :
378
Aylık :
1174
Copyright © 2010 İşbara Alp Sönmez – Programlama Örnekleri. Her hakkı saklıdır. www.alpsonmez.com Bu sitedeki herhangi bir içeriğin, "herhangi bir sitede veya forumda" iznim dışında paylaşım yapılması durumunda hukuki dava açacağımı tarafınıza arz ederim. "Öğrenciler dilediği gibi kullanabilir."