BAB 7 – EFEK DAN ANIMASI
Hide
$("#box").hide();Show
$("#box").show();Toggle
$("#box").toggle();Fade In
$("#box").fadeIn();Fade Out
$("#box").fadeOut();Slide Down
$("#box").slideDown();Slide Up
$("#box").slideUp();Animate
$("#box").animate({
left:"300px"
});Praktik
<div id="box"></div>
<button id="gerak">Gerakkan</button>$("#gerak").click(function(){
$("#box").animate({
width:"300px",
height:"300px"
});
});TUGAS BAB 7
Buat animasi:
- Kotak bergerak
- Membesar
- Mengecil
- Berubah transparansi