Ok Guys.... mybe this exaple very more simple..... we try learn togethe for JQuery sintax. On The example it is move boll animation.
So.... enjoy ajah... :D
---------------------------------------------------------------------------------------------------
<html>
<head>
<title>BOLA BERJALAN</title>
<script type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".jalan").click(function(){
$("#bola").animate({left:"1000px"}, 8000, "swing");
});
$(".balik").click(function(){
$("#bola").animate({left:"0px"});
});
$(".stop").click(function(){
$("#bola").animate({posision:"relative"});
});
});
</script>
<style type="text/css">
#bola{
position: relative;
}
</style>
</head>
<body>
<img id="bola" src="gb/bola.png"/>
<br/><br />
<center><button class="jalan">Jalan</button> <button class="stop">Stop</button>
<button class="balik">Balik</button></center>
</body>
</html>
-------------------------------------------------------------------
0 comments:
Post a Comment