Yazılım Örnekleri

Sayfa ilk yüklendikten sonra eklenen elementleri daha önce eklediğimiz fonksiyonları tanımaz. Live metodunu kullandığımızda tüm mevcut ve sonradan oluşturulan elementler fonksiyona dahil olur ve çalışır.

<script type="text/javascript" >
$(function(){ 
$(".nesne1").live({
    mouseover: function(){
        $(this).addClass("renk");
        },
    mouseout:  function(){
        $(this).removeClass("renk");    
            }
    });
});
</script> 

<style type="text/css">
.nesne1 { width:150px; height:20px; margin-top:2px; float:top; background:#066;
color:#FFF;}    
.renk{
    background:red;}
</style>

<div  style="width:500px;">
<div  class="nesne1" style="float:left; position:relative;" >Anasayfa</div>
<div  class="nesne1" style="float:left; position:relative;">Hakkında</div>

</div>