Full version: jsB@nk » Link » Link Explosion
URL: https://www.javascriptbank.com/link-explosion.html
When visitors move mouse over the link, the code will create the explosion with the colorful dots.
Full version: jsB@nk » Link » Link Explosion
URL: https://www.javascriptbank.com/link-explosion.html
<style>.spanstyle { position:absolute; visibility:hidden;}</style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><script><!-- var debrisnumber=40var debriscolor=new Array()debriscolor[0]="FFAAAA"debriscolor[1]="AA0000"debriscolor[2]="770000"debriscolor[3]="AA4444"debriscolor[4]="EE4422"var x_debrisposvar y_debrisposvar x,yvar x_random=new Array()var y_random=new Array()var max_explsteps=20var i_explsteps=0var i_color=0var pause=10function checkbrowser() { i_explsteps=0 x_debrispos=x y_debrispos=y for (i=0;i<=debrisnumber;i++) { x_random[i]=Math.ceil(40*Math.random())-20 y_random[i]=Math.ceil(40*Math.random())-20 } if (document.all) { for (i=0;i<=debrisnumber;i++) { var thisspan=eval("document.all.span"+i+".style") thisspan.visibility="VISIBLE" thisspan.posLeft=x_debrispos thisspan.posTop=y_debrispos } explode_IE() } if (document.layers) { for (i=0;i<=debrisnumber;i++) { var thisspan=eval("document.span"+i) thisspan.visibility="VISIBLE" thisspan.left=x_debrispos thisspan.top=y_debrispos } explode_NN() }}function explode_IE() { if (i_explsteps<=max_explsteps) { for (i=0;i<=debrisnumber;i++) { var thisspan=eval("document.all.span"+i+".style") thisspan.posLeft+=x_random[i] thisspan.posTop+=y_random[i] } i_explsteps++ var timer=setTimeout("explode_IE()",pause) } else { for (i=0;i<=debrisnumber;i++) { var thisspan=eval("document.all.span"+i+".style") thisspan.visibility="HIDDEN" } clearTimeout(timer) }}function explode_NN() { if (i_explsteps<=max_explsteps) { for (i=0;i<=debrisnumber;i++) { var thisspan=eval("document.span"+i) thisspan.left+=x_random[i] thisspan.top+=y_random[i] } i_explsteps++ var timer=setTimeout("explode_NN()",pause) } else { for (i=0;i<=debrisnumber;i++) { var thisspan=eval("document.span"+i) thisspan.visibility="HIDDEN" } clearTimeout(timer) }}function handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY}if (document.layers){ document.captureEvents(Event.MOUSEMOVE);}document.onmousemove = handlerMM;// - End of JavaScript - --></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><a href="http://javascriptbank.com" onMouseOver="checkbrowser()" target="_blank">Mouse over here to view</a><script><!-- Beginning of JavaScript -for (i=0;i<=debrisnumber;i++) { document.write("<div id='span"+i+"' class='spanstyle'>") document.write("<table cellpadding=0 cellspacing=0>") document.write("<tr><td bgcolor="+debriscolor[i_color]+">") document.write("<img src='emptypixel236.gif' width=3>") document.write("</td></tr></table>") document.write("</div>") i_color++ if (i_color>=debriscolor.length) {i_color=0}}// - End of JavaScript - --></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->