📄 0039.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><!-- saved from url=(0032)http://www.ie-zone.com/index.php --><HTML><!-- #BeginTemplate "/Templates/JsExample.dwt" --><HEAD><!-- #BeginEditable "doctitle" --> <TITLE>花炮效果</TITLE><!-- #EndEditable --><META http-equiv=Content-Type content="text/html; charset=gb2312"><LINK href="../fav.ico" rel="shortcut icon"><STYLE type=text/css>BODY { MARGIN: 25px 25px 25px}#all TD { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}INPUT { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}SELECT { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}P { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}TEXTAREA { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}#all A:active { COLOR: #7d070c}#all A:visited { COLOR: #7d070c}#all A:hover { COLOR: #336699}#all A:link { COLOR: #7d070c}</STYLE><SCRIPT language=JavaScript><!--function MM_goToURL() { //v3.0 var i, args=MM_goToURL.arguments; document.MM_returnValue = false; for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");}function JM_cc(ob){ob.select();js=ob.createTextRange();js.execCommand("Copy");}//--></SCRIPT><META content="MSHTML 5.50.4134.600" name=GENERATOR></HEAD><BODY id=all text=#000000 bgColor=#336699><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../images/sq_1.gif" width=11 height="14"></TD> <TD width="100%"></TD> <TD><IMG src="../images/sq_2.gif" width=11 height="14"></TD> </TR></TABLE><!-- #BeginEditable "Example%20and%20Sources" --> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../images/space.gif" width=11 height="1"></TD> <TD width="100%"> <table width="100%" border="0" cellpadding="8"> <tr> <td align="center"><!-- #BeginLibraryItem "/Library/js_title.lbi" --><script language="JavaScript">document.write("<font color=#7d070c style=\"font-size: 14px\">"+document.title+"</font>");</script><!-- #EndLibraryItem --></td> </tr> <tr> <td bgcolor="#f7f7f7"> <script language="JavaScript1.2"><!--/*Document firework script (By Matt Gabbert, mgabbert@usrtoday.com, http://www.nolag.com)Modified and permission granted to Dynamic Drive to feature script in archiveFor full source and 100's more DHTML scripts, visit http://dynamicdrive.com*///set Interval between each firework display, var intervals=2000var sparksOn = true;var speed = 40;var power = 3;//Dont change these values-------var documentWidth=documentHeight=randomx=randomy=leftcorner=topcorner=0var ns=(document.layers);var ie=(document.all);var sparksAflyin = false;var allDivs = new Array(10);var totalSparks = 0;//-------------------------------function initAll(){ if(!ns && !ie){ sparksOn = false; return; }setInterval("firework()",intervals)if (ns) document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE); for(dNum=0; dNum<7; ++dNum){ if(ie) allDivs[dNum]=eval('document.all.sDiv'+dNum+'.style'); else allDivs[dNum]=eval('document.layers["sDiv'+dNum+'"]'); }}function firework(){//below code detects the browser dimenionsif (ie){documentWidth=document.body.clientWidthdocumentHeight=document.body.clientHeightleftcorner=document.body.scrollLefttopcorner=document.body.scrollTop}else if (ns){documentWidth=window.innerWidthdocumentHeight=window.innerHeightleftcorner=pageXOffsettopcorner=pageYOffset}//below code randomly generates a set of coordinates that fall within the dimensionrandomx=leftcorner+Math.floor(Math.random()*documentWidth)randomy=topcorner+Math.floor(Math.random()*documentHeight) if(sparksOn){ if(!sparksAflyin){ sparksAflyin=true; totalSparks=0; for(var spark=0;spark<=6;spark++){ dx=Math.round(Math.random()*50); dy=Math.round(Math.random()*50); moveTo(spark,randomx,randomy,dx,dy); } } }}function moveTo(i,tempx,tempy,dx,dy){ if(ie){ if(tempy+80>(document.body.offsetHeight+document.body.scrollTop)) tempy=document.body.offsetHeight+document.body.scrollTop-80; if(tempx+80>(document.body.offsetWidth+document.body.scrollLeft)) tempx=document.body.offsetWidth+document.body.scrollLeft-80; } if(tempx>-50&&tempy>-50){ tempx+=dx;tempy+=dy; allDivs[i].left=tempx; allDivs[i].top=tempy; dx-=power;dy-=power; setTimeout("moveTo("+i+","+tempx+","+tempy+","+dx+","+dy+")",speed) } else ++totalSparks if(totalSparks==7){ sparksAflyin=false; totalSparks=0; }}window.onload=initAll//End--></script> <style>#sDiv0 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:Aqua;}#sDiv1 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:red;}#sDiv2 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:blue;}#sDiv3 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:orange;}#sDiv4 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:yellow;}#sDiv5 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:lightgreen;}#sDiv6 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:silver;}</style> <div id="sDiv0">*</div> <div id="sDiv1">*</div> <div id="sDiv2">*</div> <div id="sDiv3">*</div> <div id="sDiv4">*</div> <div id="sDiv5">*</div> <div id="sDiv6">*</div> 提示：好漂亮的烟花啊！如果背景色是黑色就更好了。</td> </tr> <tr> <td>1.将下面的代码复制到 <body> 内 <input type="button" name="Button" value="复制到我的剪贴板" onClick=JM_cc(js_1)> <br> <textarea name="js_1" wrap="VIRTUAL" cols="80" rows="10"><SCRIPT LANGUAGE="JavaScript1.2"><!--/*Document firework script (By Matt Gabbert, mgabbert@usrtoday.com, http://www.nolag.com)Modified and permission granted to Dynamic Drive to feature script in archiveFor full source and 100's more DHTML scripts, visit http://dynamicdrive.com*///set Interval between each firework display, var intervals=2000var sparksOn = true;var speed = 40;var power = 3;//Dont change these values-------var documentWidth=documentHeight=randomx=randomy=leftcorner=topcorner=0var ns=(document.layers);var ie=(document.all);var sparksAflyin = false;var allDivs = new Array(10);var totalSparks = 0;//-------------------------------function initAll(){ if(!ns && !ie){ sparksOn = false; return; }setInterval("firework()",intervals)if (ns) document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE); for(dNum=0; dNum<7; ++dNum){ if(ie) allDivs[dNum]=eval('document.all.sDiv'+dNum+'.style'); else allDivs[dNum]=eval('document.layers["sDiv'+dNum+'"]'); }}function firework(){//below code detects the browser dimenionsif (ie){documentWidth=document.body.clientWidthdocumentHeight=document.body.clientHeightleftcorner=document.body.scrollLefttopcorner=document.body.scrollTop}else if (ns){documentWidth=window.innerWidthdocumentHeight=window.innerHeightleftcorner=pageXOffsettopcorner=pageYOffset}//below code randomly generates a set of coordinates that fall within the dimensionrandomx=leftcorner+Math.floor(Math.random()*documentWidth)randomy=topcorner+Math.floor(Math.random()*documentHeight) if(sparksOn){ if(!sparksAflyin){ sparksAflyin=true; totalSparks=0; for(var spark=0;spark<=6;spark++){ dx=Math.round(Math.random()*50); dy=Math.round(Math.random()*50); moveTo(spark,randomx,randomy,dx,dy); } } }}function moveTo(i,tempx,tempy,dx,dy){ if(ie){ if(tempy+80>(document.body.offsetHeight+document.body.scrollTop)) tempy=document.body.offsetHeight+document.body.scrollTop-80; if(tempx+80>(document.body.offsetWidth+document.body.scrollLeft)) tempx=document.body.offsetWidth+document.body.scrollLeft-80; } if(tempx>-50&&tempy>-50){ tempx+=dx;tempy+=dy; allDivs[i].left=tempx; allDivs[i].top=tempy; dx-=power;dy-=power; setTimeout("moveTo("+i+","+tempx+","+tempy+","+dx+","+dy+")",speed) } else ++totalSparks if(totalSparks==7){ sparksAflyin=false; totalSparks=0; }}window.onload=initAll//End--></script><style>#sDiv0 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:Aqua;}#sDiv1 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:red;}#sDiv2 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:blue;}#sDiv3 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:orange;}#sDiv4 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:yellow;}#sDiv5 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:lightgreen;}#sDiv6 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:silver;}</style></textarea> <br> <br> 2.在<body>中加上<br> <div id="sDiv0">*</div><br> <div id="sDiv1">*</div><br> <div id="sDiv2">*</div><br> <div id="sDiv3">*</div><br> <div id="sDiv4">*</div><br> <div id="sDiv5">*</div><br> <div id="sDiv6">*</div> <br> </td> </tr> </table> </TD> <TD><IMG src="../images/space.gif" width=11 height="1"></TD> </TR></TABLE><!-- #EndEditable --><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../images/sq_3.gif" width=11 height="14"></TD> <TD width="100%"></TD> <TD><IMG src="../images/sq_4.gif" width=11 height="14"></TD> </TR></TABLE></BODY><!-- #EndTemplate --></HTML>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -