Menu For Beqiutors

Minggu, 27 Januari 2013

Shake Image Hover

Faradina Fazira | 23.27 |
Demo! Please Touch Cursor @ Image;



keren gak guys? :p mau tahu caranya? cekidot!

 Copy code bwah ini dan pastekan codenya di BAWAH </style>
.shakeimage{position:relative}
 Jangan Tutup Dulu,,, Masih Adalagi. Copy code bawah ini dan paste dibawah code <head>
</style><script language="JavaScript1.2">/*Shake image script (onMouseover)-© Dynamic Drive (www.dynamicdrive.com)For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com*///configure shake degree (where larger # equals greater shake)var rector=3///////DONE EDITTING///////////var stopit=0var a=1function init(which){stopit=0shake=whichshake.style.left=0shake.style.top=0}function rattleimage(){if ((!document.all&&!document.getElementById)||stopit==1)returnif (a==1){shake.style.top=parseInt(shake.style.top)+rector+"px"}else if (a==2){shake.style.left=parseInt(shake.style.left)+rector+"px"}else if (a==3){shake.style.top=parseInt(shake.style.top)-rector+"px"}else{shake.style.left=parseInt(shake.style.left)-rector+"px"}if (a<4)a++elsea=1setTimeout("rattleimage()",50)}function stoprattle(which){stopit=1which.style.left=0which.style.top=0}</script> 
  Paste this to where ever you want the image to be placed.

<img src="IMAGE URL" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">

Tidak ada komentar: