JavaScript Text Shaker Code
Make your text shake in order to draw more attention to your main message. Internet Explorer 5x/6x and Netscape Navigator 6x/7x.
This is your shaking text
Installation
Step 1:
Open your web page. Paste the following code anywhere into the <body>-section of your web page:
<script> // CREDITS: // Text-Shaker // by Peter Gehrig // Copyright (c) 2003 Peter Gehrig and Urs Dudli. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http://www.24fun.com & http://www.designerwiz.com // info@24fun.com // 7/23/2003 // IMPORTANT: // If you add this script to a script-library or a script-archive // you have to insert a link to http://www.24fun.com // right into the webpage where the script will be displayed. var ie=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 var ns4=document.layers?1:0 var posleft=1 var idoftrembleobject="trembletext" var trembleobject function starttremble() { if (ie || ns4 || ns6) { if (ie) { trembleobject=eval("document.all."+idoftrembleobject+".style") } if (ns6) { trembleobject=idoftrembleobject } dotremble() } } function dotremble() { posleft*=-1 if (ie) { trembleobject.posLeft+=posleft } if (ns6) { var newpos=parseInt(document.getElementById(trembleobject).style.left)+posleft document.getElementById(trembleobject).style.left=newpos } var timer=setTimeout("dotremble()",20) } onload=starttremble </script> <div id="tremblebox" style="position:relative"> <span id="trembletext" style="position:absolute;left:1px;top:0px;"><font size=2 color=black face=Verdana>This is your shaking text</font> </span></div><br>
Step 2:
Open your web page. Go to <div>-container with the id "tremblebox" and edit the shaking text (red code only!):
<div id="tremblebox" style="position:relative">
<span id="trembletext" style="position:absolute;left:1px;top:0px;">
This is your shaking text
</span>
</div>
Download 500 free copy-and-paste scripts