Cara Membuat Gambar Bergetar Saat Disorot

Cara Membuat Gambar Bergetar Saat Disorot - Pada tutorial kali ini, kami akan bagikan cara membuat gambar bergerak saat disorot. Awalnya sempat kepikiran untuk membuat logo header yang bisa bergetar saat kursor menyorot kearah header. Tapi, dikarenakan ada beberapa faktor, kami tidak jadi memasangnya. Ada 2 versi getaran, yang pertama Getaran TingTing dan satu lagi Getaran Ngebor. Nah, berikut ini cara untuk membuatnya :

Getaran TingTing

<center><img class="gambargetar" onclick="top.focus()" onmouseout="stoprattle(this);top.focus()" onmouseover="init(this);rattleimage()" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxiDRESzN_Ceh0DjslSK0WutNJrvkArqV4Skg5N1fDsNuYavCAlShZgwEPktYpLcwCAoQhzy_tGV-ePKutNVs_BGeSRX9fOipynSFL7mvi70oZbjMA_BHWEW-nzF3Sk05qVwuyvQ7UTSE7/s1600/blogger+(1).png" /></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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxiDRESzN_Ceh0DjslSK0WutNJrvkArqV4Skg5N1fDsNuYavCAlShZgwEPktYpLcwCAoQhzy_tGV-ePKutNVs_BGeSRX9fOipynSFL7mvi70oZbjMA_BHWEW-nzF3Sk05qVwuyvQ7UTSE7/s1600/blogger+(1).png" /></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

Other link :

Share on...