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 :
7
Günlük :
167
Haftalık :
1008
Aylık :
4150
Copyright © 2012 İşbara Alp Sönmez – Programlama Örnekleri. Her hakkı saklıdır. www.alpsonmez.com Bu sitedeki herhangi bir içeriğin, herhangi bir sitede iznim dışında paylaşım yapılması durumunda hukuki dava açacağımı tarafınıza arz ederim.