Little Cute Girl
Disclaimer
Sweet Owner

Sarah-Terengganu,Malaysia
13 y/0
Hello to all of the  かわい人 ! Enjoy my tutobies along with my story. You can leave your footsteps in the cbox below. Follow me if you think my blog is cute! LOL XD


Menu
Blueiy Button
POST CBOX


Click the word above! Don't forget to leave your footprints in the cbox!



Followers
My Friends

Credits
Leg's Note
Template 100% made by Atin Tory. This blog is edited and own by AzuNyan. Thanks a lot to C U T E for helping me.
Tutorial : Image Hover #4
Saturday, May 4, 2013 | 11:37 PM | 0 comments


Hai hai hai! Hari ni nk update banyak skit tuto..keh3..nk buat camne..hari ni kite rajin..ngehehe..ok..firstly..tuto ni credit kepada kak tieqa..hehe..ok..hari ni saye nk ajar camne nk hover image vibrate..or dalam bahasa melayu bergetar..lol..yea..nanti bila korang halakan cursor..image akan bergetar same macam mio dlm gambar tu..lol..gurau jee..XD cute betol mio tu..super kawaii!! Ok..jom kite start!

1. Dashboard>Template>Edit Template HTML.
2. Tekan Ctrl+F serentak then cari code <style> or </style>.
3. Then copy code kat bawah nih.

<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=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. Lepas tu korang copy code kat bawah ni plak.

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

6. Korang paste laa code atas nih kat mane2 korang nak..lebih senang korang paste kat bahagian sidebar.
7. Preview & save. Done!

Pink : URL image
Red : Lebar gambar
Orange : Tinggi gambar





Older Post | Newer Post