Cara Membuat Gambar Bergetar Saat Disorot

Cara Membuat Gambar Bergetar Saat Disorot - Datang kembali dengan trik ajib ajib lagi nih. Awalnya sempat kefikiran nih pengen buat logo header bisa bergetar saat kursor menyorot kearah header. Tapi, dikarenakan ada beberapa faktor, saya tidak jadi pasang. Nah, daripada terbuang siasia, mending saya berbagi kepada sahabat blogger sekalian. Ya, mana tau ada yang minat atau ada yang nyari. Lumayan loh, bisa mempercantik blog kalian. Nah, saya sediakan 2 versi getaran, yang pertama saya kasih nama Getaran TingTing dan satu lagi Getaran Ngebor. Live demo nya bisa kok langsung diarahin kursor mouse nya ke gambar-gambar dibawah ini

Getaran TingTing

<center><img class="gambargetar" onclick="top.focus()" onmouseout="stoprattle(this);top.focus()" onmouseover="init(this);rattleimage()" src="http://i.imgur.com/EAu2M.gif?1" /></center><style>
.gambargetar{position:relative}
</style><script src="https://sites.google.com/site/fajrialhadii/javascript/GetarTingTing.js" type="text/javascript">
</script>

Getaran Ngebor

<center><img class="gambargetar" onclick="top.focus()" onmouseout="stoprattle(this);top.focus()" onmouseover="init(this);rattleimage()" src="http://i.imgur.com/EAu2M.gif?1" /></center><style>
.gambargetar{position:relative}
</style><script src="https://sites.google.com/site/fajrialhadii/javascript/GetarNgebor.js" type="text/javascript">
</script>

Salin kode diatas dan tempatkan di Rancangan -> Tambah Gadget -> HTML/JavaScript --> Save

selamat mencoba, selamat beraktifitas, dan tinggalkan 1 komentar mu disini :)