Trembling message

[blackwizard]

Step 1: Copy the below code and paste it into the <HEAD> section of your page:

style>
.jc{
position:relative;
}
</style>

<script language="JavaScript1.2">



var ns6=document.getElementById&&!document.all
var ie=document.all

var customcollect=new Array()
var i=0

function jiggleit(num){
if ((!document.all&&!document.getElementById)) return;
customcollect[num].style.left=(parseInt(customcollect[num].style.left)==-1)? customcollect[num].style.left=1 : customcollect[num].style.left=-1
}

function init(){
if (ie){
while (eval("document.all.jiggle"+i)!=null){
customcollect= eval("document.all.jiggle"+i)
i++
}
}
else if (ns6){
while (document.getElementById("jiggle"+i)!=null){
customcollect= document.getElementById("jiggle"+i)
i++
}
}

if (customcollect.length==1)
setInterval("jiggleit(0)",80)
else if (customcollect.length>1)
for (y=0;y<customcollect.length;y++){
var tempvariable='setInterval("jiggleit('+y+')",'+'100)'
eval(tempvariable)
}
}

window.onload=init

</script>

Step 2: With the above in place, you are now ready to make a message tremble. Simply wrap the following <span> tag around it:

<span id="jiggle0" class="jc"><b>Looking for JavaScripts? Visit <a href="http://javascriptkit.com">JavaScript Kit!</a></b></span>

To apply the effect to multiple messages on the page, repeat step 2, but increment the ID attribute of the <span> from "jiggle0" to "jiggle1" etc, depending on the number of messages.

That's a wrap!

 

[weblord]

will it work on all browsers? TY REP ADDED

 

[blackwizard]

may be . JUst try it out!

 

[weblord]

ok then thanks. source code saved on my computer.

 

[blackwizard]

good ! all the best ! but do tell me if it works!