ANİMATE ( )
Jquery animate( ) metodu ile özle animasyonlar yapabilirz. ben en basit örneğiyle anlatmaya çalıştım.
Bir div oluşturup stil kodlarını içide tamamlayarak bir şekil oluşturdum sonra animate komutuyla bu şekli hareket ettirdim.
şimdi kodlarıma bakalım:
$(document).ready(function(){
$('#id').click(function(){
$(this).animate({left:"200px"},2000);
});
});
</script>
<title> JQUERY ANIMATE </title>
</head>
$('#id').click(function(){
$(this).animate({left:"200px"},2000);
});
});
</script>
<title> JQUERY ANIMATE </title>
</head>
<body>
<div id="id" style="width:250px;height:100px;position:relative;background:#f99;"> gulseher </div>
<div id="id" style="width:250px;height:100px;position:relative;background:#f99;"> gulseher </div>
</body>
resimlerle daha iyi anlarız bence bakalım :) bun bu kodlarla oluşturduğum şekli girdiğim değerlerle sola kaydırdım. daha farklı şeyler de deneyebiliriz.
Hiç yorum yok:
Yorum Gönder