»
EnglishFrenchVietnamese

Print - Link Explosion - JavaScriptBank.com

Full version: jsB@nk » Link » Link Explosion
URL: http://www.javascriptbank.com/link-explosion.html

Link Explosion © JavaScriptBank.comWhen visitors move mouse over the link, the code will create the explosion with the colorful dots.

Full version: jsB@nk » Link » Link Explosion
URL: http://www.javascriptbank.com/link-explosion.html



CSS
<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-->


JavaScript
<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-->


HTML
<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-->