welcome

Welcome to Pandino - a place where you can find helpful tutorials & graphics, shop for cute items and view my portfolio! Leave me a comment if you like - I will reply back as soon as possible. Hope to see you around!

status

Accepting - ORDER HERE!
$1/charity - Find out more

Current Orders

Leona Fusion - premade *
ChicFans - coded premade √
I Heart Emma - gallery header *
Robbie-Jarvis.com - forum header
Molly Sims Web - icons
dtanneant.com - coded layout *
Molly Sims Web - icons


Strike = completed
√ = paid
* = unpaid

onliners

» Hanna Fever
» Hanna Fever Gallery
» Hanna Fever Forums

site stats

OWNER: Jocelyn
HOST: Gertie!
DOMAIN BOUGHT BY: ALEX!
HITS:
LAUNCHED: May 6, 2008

link back

shaking image

This code is really cool! When visitors hover over an image, it will bounce around until they move their cursor again. Works in any browser and picture! Try it out:


First what you need to do is take this code here and place it somewhere at the top of your page. <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 } else if (a==2){ shake.style.left=parseInt(shake.style.left)+rector } else if (a==3){ shake.style.top=parseInt(shake.style.top)-rector } else{ shake.style.left=parseInt(shake.style.left)-rector } if (a<4) a++ else a=1 setTimeout("rattleimage()",50) } function stoprattle(which){ stopit=1 which.style.left=0 which.style.top=0 } </script>
Now copy the html below and position it where you want the shaky image to be. Change IMAGEURL to the appropriate address and you're done! <img src="IMAGEURL" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">

7REWIND | PLAY | FORWARD8