Finn

Side Kick






READ THIS FOR ME :)
God speaks in the silence of the heart. Listening is the beginning of the prayer. So, don't you ever give up. When you feel down and your world is crumbling, remember that you still have God above. Always remember and ask to HIM because HE listens to every prayers you made.
Advertisement
Airplanes cut through the clouds like angels can fly :)

Check out my stuff ;)

Vas happenin' !
Hello and Welcome my 4 Muggle[s]
I have shared what I like and I feel since June 2011 ;)
Chat with Finn :)



♦ URL blog wajib ada , not email
♦ Harsh words & Anon not allowed
IP anda dikesan !

Credits


This skin is made by : Mrs AF

All rights reserved ® Finn 2011 - 2016
←Newer Posts ♦ Older Posts→
Tutorial : Shake Image Hover


13 June 2013 6:40 pm ♥ 0 Directioner(s)

 
 
Vas happening and hellooooo ! It has been a few days since I updated my last entry . So , today Im coming with a new tutorial to all of you . Let me explain a little about this tutorial . We're gonna learn on how to make shake image hover . I mean if you move the cursor to the image , the image will shake . Lets try it together :)

Copy these codes and paste it above </style>
.shakeimage{
position:relative
}

Paste this codes under <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=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>
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()">

The "IMAGE URL" , just change it into the image that you want to place such as your image or anything. Got it ? If you do not understand , dont be so shy to ask me okay . Letak aje kat mana yang korang nak letak . Contohnya kat sidebar . #tengok gambar kartun Niall . Halakan mouse kat situ . Tengok apa yang jadi :)  Paste la dekat sidebar . #terkeluar jugak ayat BM . Thats all . Got to go . Bye ;)

#Sorry if my english is broken cause my heart is broken :'(

update : aku dah buang gambar yang aku buat shake tuh . hehe >,< dah-II . jangan cari lagi gambar kartun Niall Nandos yang aku buat shake tuh .
 

  • Thank you for visiting -Finn :) x
    • 0 Comments

    Post a Comment

    Thanks for sharing your opinion ! :)