Phiên bản đầy đủ: jsB@nk » Liên kết » Liên kết bùng nổ
URL: https://www.javascriptbank.com/link-explosion.html
Với hiệu ứng này, bạn sẽ làm cho liên kết chứa các hạt nhỏ 'nổ tung' ra ngay khi người dùng rê chuột vào liên kết.
Phiên bản đầy đủ: jsB@nk » Liên kết » Liên kết bùng nổ
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-->