Tutorial|Station

Image Hover 3

Monday | 3.12.12 | 0 comments

1. Dashboard > Template

2. Ctrl + F : Serentak cari code <style> atau </style>

3. Copy code dibawah dan paste kan dibawah code tadi

<style>.shakeimage{position:relative}</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>

4. Copy code ini dan pastekan dimana2 korg nak dibahagian sidebar.

<imgsrc="URL IMAGE"width="200"height="200"class="shakeimage"
onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()
" onClick="top.focus()">

5. Preview & save.

Old things | New things