Home Advanced Code Shakey Images

Shakey Images

E-mail Print PDF
This code will make an image shake when you hover over it with your mouse.

Place this into the head of your webpage:

Code:
<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> 
Place this where you want your shakable image to appear and replace the image url to that of your own:

Code:
<img src="http://www.yourdomain.com/imagepath/imagename" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"> 

 

Latest News

Popular

Domain Names

Sample image .com .info
.mobi .net
.org .tv .us
.biz .ws .name
.am .at .be .cc .cn .de .eu
.fm .jobs .jp .ms .nu .nz
.tc .tw .uk .vg .ASIA .ME

Website Hosting

Sample image We're the affordable, reliable place to host your site. And unlike the competition, there's no set up fee and no annual commitment.

24/7 Support

Sample image Our highly trained, courteous support staff is waiting to help. We'll resolve any issue to your complete satisfaction.