contoh Jquery Animation

jquery animation adalah jquery Hanya sebagai pengingat, jQuery.animate pemanggilan fungsimengambil bentuk:. JQuery (selector)animate( properties, [ duration ], [ easing ], [ callback ] ) Dengan sifat dalam [kurung] menjadiopsional.
Jenis animasi jQuery dalam contoh ini sangat halus, karena unsur-unsur yang animasi sangat sederhana. Hati-hati saat menghidupkanelemen kompleks yang mengandung unsur-unsur lainnya, karenaada potensi untuk kualitas untuk menurunkan


.

berikut sedikit contoh jquery animation :

tekan tombol ini untuk melihat hasilnya Jquery animation


pertama anda buat script htmlnya seperti berikut :

<div id="animate1" style="background: red; border: 1px solid white; height: 100px; width: 200px;"></div>

<div id="animate2" style="background: blue; border: 1px solid white; height: 100px; width: 200px;">

</div>

<input id="clickhere" type="button" value="Click Me!" /> 

script jquerinya nya sbg berikut :

$(document).ready(function() { 

    $("#clickhere").click(function() { 

        $("#animate1").animate({ 

            height: "20px", 

            width: "10px", 

        }, 1000); 

        $("#animate2").animate({ 

            height: "50px", 

            width: "500px" 

        }, 1000); 

    }); 

}); 


catatan : setiap jquery pada awal perintah di kasih <script> dan akhiran </script>
dan stelah fungsi <div> untuk menggaktifkan js-nya maka di ketik perintah <pre class="js"><script> dialamnya script jquery diatas..

slamat mencoba.. maaf klo penjelasanya sederhana..hehehe klo ada salah tolong di kasih tau ya..?