♥ Love Story.

Nur Farisya Safiyya

.The Girl.

It Me

• Story • owner • links • Stuff •
Dashboard +Follow

Pencuri Hati

Follow @faraheone

.Gula Hati.

Cinta Hati

Hanya Aku Cinta Kau Seorang..HACKS

♥ ----------------------

.Tagboard.

Talk To Me

URL blog wajib ade not email !

Harsh words & Anon not allowed !
Cuties Viewing | Visitors

Tutorial : Image Hover 4 (Vibrate)

posted on Friday, January 11, 2013 | 5:58 PM | 0 Teddy Bear

1. Dashboard > Template
2. Tekan Ctrl + f dan cari code <style> atau </style>
3. Copy code di bawah ni

<style>

.shakeimage{

position:relative

}

</style>

Shake image script (onMouseover)-

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=0

var a=1

function init(which){

stopit=0

shake=which

shake.style.left=0

shake.style.top=0

}

function rattleimage(){

if ((!document.all&&!document.getElementById)||stopit==1)

return

if (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++

else

a=1

setTimeout("rattleimage()",50)

}

function stoprattle(which){

stopit=1

which.style.left=0

which.style.top=0

}

</script>

4. Paste di bawah code tadi
5. Next, korang copy code ni pulak

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

6. Paste dekat mana-II yang korang nak. Kalau boleh dekat bahagian sidebar
7. Preview & save

oren : URL image
biru : lebar image
hijau : tinggi image

Older Post | Newer Post