跳到主文
部落格全站分類:生活綜合
語法展示:: http://home.graffiti.net/qzxsd/
請用IE6.0或更新版本觀看語法特效展示 將以下程式碼複製,貼在<body>及</body>標籤之間。 <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> <div mce_tmp="1"> </div> <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 archive For full source and 100's more DHTML scripts, visit http://dynamicdrive.com */ //set Interval between each firework display, var intervals=2000 var sparksOn = true; var speed = 40; var power = 3; //Dont change these values------- var documentWidth=documentHeight=randomx=randomy=leftcorner=topcorner=0 var 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 dimenions if (ie){ documentWidth=document.body.clientWidth documentHeight=document.body.clientHeight leftcorner=document.body.scrollLeft topcorner=document.body.scrollTop } else if (ns){ documentWidth=window.innerWidth documentHeight=window.innerHeight leftcorner=pageXOffset topcorner=pageYOffset } //below code randomly generates a set of coordinates that fall within the dimension randomx=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> <mce:script language="JavaScript"><!-- cOlOuRs=new Array("abbbff","ffffee","ffff7a","dffffd","ffaaa0","ffddd0") S_amount = 30;//number of small stars!!!!! L_amount = 15;//number of larger stars!!!! S_Ypos = new Array(); S_Xpos = new Array(); L_Ypos = new Array(); L_Xpos = new Array(); S_speed= new Array(); L_speed= new Array(); if (document.all) { for (i = 0; i < S_amount; i++) { S_Ypos[i] = Math.round(Math.random()*document.body.offsetHeight); S_Xpos[i] = Math.round(Math.random()*document.body.offsetWidth); } for (i = 0; i < L_amount; i++) { L_Ypos[i] = Math.round(Math.random()*document.body.offsetHeight); L_Xpos[i] = Math.round(Math.random()*document.body.offsetWidth); } document.write('<div id="Outer" style="position:absolute;top:0px;left:0px">'); document.write('<div id="Inner" style="position:relative" mce_style="position:relative">'); for (i = 0; i < S_amount; i++) {document.write('<div id="ieS_star" style="position:absolute;top:'+S_Ypos[i]+';left:'+S_Xpos[i]+';width:1px;height:1px;background:#fffff0;font-size:1px"></div>');} for (i = 0; i < L_amount; i++) {document.write('<div id="ieL_star" style="position:absolute;top:'+L_Ypos[i]+';left:'+L_Xpos[i]+';width:2px;height:2px;background:#ffffff;font-size:2px"></div>');} document.write('</div>'); document.write('</div>'); for (i = 0; i < L_amount; i++) { for (j = 0; j < cOlOuRs.length; j++) {var NewColour=Math.round(Math.random()*[j])} document.all.ieS_star[i].style.background=cOlOuRs[NewColour]; document.all.ieL_star[i].style.background=cOlOuRs[NewColour]; } for (i=0; i < ieS_star.length; i++){S_speed[i]=Math.random()*3+1} for (i=0; i < ieL_star.length; i++){L_speed[i]=Math.random()*7+2} function ES_go() { document.all.Outer.style.pixelTop=document.body.scrollTop; for (i=0; i < ieS_star.length; i++) { ieS_star[i].style.pixelLeft-=S_speed[i]; if (ieS_star[i].style.pixelLeft < -10){ieS_star[i].style.pixelLeft=window.document.body.offsetWidth} } S_timer=setTimeout('ES_go()',30); } function EL_go() { for (i=0; i < ieL_star.length; i++) { ieL_star[i].style.pixelLeft-=L_speed[i]; if (ieL_star[i].style.pixelLeft < -10){ieL_star[i].style.pixelLeft=window.document.body.offsetWidth} } L_timer=setTimeout('EL_go()',10); } function IeStart() { ES_go(); EL_go(); } IeStart() }//End Explorer else if (document.layers) { for (i = 0; i < S_amount; i++) { S_Ypos[i] = Math.round(Math.random()*window.innerHeight); S_Xpos[i] = Math.round(Math.random()*window.innerWidth); document.write("<LAYER NAME='S_star"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,1,1'></LAYER>"); document.layers["S_star"+i].top = S_Ypos[i]; document.layers["S_star"+i].left = S_Xpos[i]; } for (i = 0; i < L_amount; i++) { L_Ypos[i] = Math.round(Math.random()*window.innerHeight); L_Xpos[i] = Math.round(Math.random()*window.innerWidth); document.write("<LAYER NAME='L_star"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,2,2'></LAYER>"); document.layers["L_star"+i].top = L_Ypos[i]; document.layers["L_star"+i].left = L_Xpos[i]; for (j = 0; j < cOlOuRs.length; j++) { var NewColour=Math.round(Math.random()*[j]); } document.layers['S_star'+i].bgColor=cOlOuRs[NewColour]; document.layers['L_star'+i].bgColor=cOlOuRs[NewColour]; } for (i=0; i < S_amount; i++){S_speed[i]=Math.random()*3+1} for (i=0; i < L_amount; i++){L_speed[i]=Math.random()*7+2} function NS_go() { for (i=0; i < S_amount; i++) { var temp="S_star"+i;//50 document.layers[temp].top=S_Ypos[i]+window.pageYOffset; document.layers['S_star'+i].left-=S_speed[i]; if (document.layers['S_star'+i].left < -10){document.layers['S_star'+i].left=window.innerWidth} } S_timer=setTimeout('NS_go()',30); } function NL_go() { for (i=0; i < L_amount; i++) { var temp="L_star"+i document.layers[temp].top=L_Ypos[i]+window.pageYOffset; document.layers['L_star'+i].left-=L_speed[i]; if (document.layers['L_star'+i].left < -10){document.layers['L_star'+i].left=window.innerWidth} } L_timer=setTimeout('NL_go()',10); } function NsStart() { NS_go(); NL_go(); } NsStart(); }//End Netscape window.onresize = new Function("window.location.reload()"); // --></mce:script> 按我複製程式碼
將以下程式碼複製,貼在<body>及</body>標籤之間。
<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> <div mce_tmp="1"> </div> <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 archive For full source and 100's more DHTML scripts, visit http://dynamicdrive.com */ //set Interval between each firework display, var intervals=2000 var sparksOn = true; var speed = 40; var power = 3; //Dont change these values------- var documentWidth=documentHeight=randomx=randomy=leftcorner=topcorner=0 var 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 dimenions if (ie){ documentWidth=document.body.clientWidth documentHeight=document.body.clientHeight leftcorner=document.body.scrollLeft topcorner=document.body.scrollTop } else if (ns){ documentWidth=window.innerWidth documentHeight=window.innerHeight leftcorner=pageXOffset topcorner=pageYOffset } //below code randomly generates a set of coordinates that fall within the dimension randomx=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> <mce:script language="JavaScript"><!-- cOlOuRs=new Array("abbbff","ffffee","ffff7a","dffffd","ffaaa0","ffddd0") S_amount = 30;//number of small stars!!!!! L_amount = 15;//number of larger stars!!!! S_Ypos = new Array(); S_Xpos = new Array(); L_Ypos = new Array(); L_Xpos = new Array(); S_speed= new Array(); L_speed= new Array(); if (document.all) { for (i = 0; i < S_amount; i++) { S_Ypos[i] = Math.round(Math.random()*document.body.offsetHeight); S_Xpos[i] = Math.round(Math.random()*document.body.offsetWidth); } for (i = 0; i < L_amount; i++) { L_Ypos[i] = Math.round(Math.random()*document.body.offsetHeight); L_Xpos[i] = Math.round(Math.random()*document.body.offsetWidth); } document.write('<div id="Outer" style="position:absolute;top:0px;left:0px">'); document.write('<div id="Inner" style="position:relative" mce_style="position:relative">'); for (i = 0; i < S_amount; i++) {document.write('<div id="ieS_star" style="position:absolute;top:'+S_Ypos[i]+';left:'+S_Xpos[i]+';width:1px;height:1px;background:#fffff0;font-size:1px"></div>');} for (i = 0; i < L_amount; i++) {document.write('<div id="ieL_star" style="position:absolute;top:'+L_Ypos[i]+';left:'+L_Xpos[i]+';width:2px;height:2px;background:#ffffff;font-size:2px"></div>');} document.write('</div>'); document.write('</div>'); for (i = 0; i < L_amount; i++) { for (j = 0; j < cOlOuRs.length; j++) {var NewColour=Math.round(Math.random()*[j])} document.all.ieS_star[i].style.background=cOlOuRs[NewColour]; document.all.ieL_star[i].style.background=cOlOuRs[NewColour]; } for (i=0; i < ieS_star.length; i++){S_speed[i]=Math.random()*3+1} for (i=0; i < ieL_star.length; i++){L_speed[i]=Math.random()*7+2} function ES_go() { document.all.Outer.style.pixelTop=document.body.scrollTop; for (i=0; i < ieS_star.length; i++) { ieS_star[i].style.pixelLeft-=S_speed[i]; if (ieS_star[i].style.pixelLeft < -10){ieS_star[i].style.pixelLeft=window.document.body.offsetWidth} } S_timer=setTimeout('ES_go()',30); } function EL_go() { for (i=0; i < ieL_star.length; i++) { ieL_star[i].style.pixelLeft-=L_speed[i]; if (ieL_star[i].style.pixelLeft < -10){ieL_star[i].style.pixelLeft=window.document.body.offsetWidth} } L_timer=setTimeout('EL_go()',10); } function IeStart() { ES_go(); EL_go(); } IeStart() }//End Explorer else if (document.layers) { for (i = 0; i < S_amount; i++) { S_Ypos[i] = Math.round(Math.random()*window.innerHeight); S_Xpos[i] = Math.round(Math.random()*window.innerWidth); document.write("<LAYER NAME='S_star"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,1,1'></LAYER>"); document.layers["S_star"+i].top = S_Ypos[i]; document.layers["S_star"+i].left = S_Xpos[i]; } for (i = 0; i < L_amount; i++) { L_Ypos[i] = Math.round(Math.random()*window.innerHeight); L_Xpos[i] = Math.round(Math.random()*window.innerWidth); document.write("<LAYER NAME='L_star"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,2,2'></LAYER>"); document.layers["L_star"+i].top = L_Ypos[i]; document.layers["L_star"+i].left = L_Xpos[i]; for (j = 0; j < cOlOuRs.length; j++) { var NewColour=Math.round(Math.random()*[j]); } document.layers['S_star'+i].bgColor=cOlOuRs[NewColour]; document.layers['L_star'+i].bgColor=cOlOuRs[NewColour]; } for (i=0; i < S_amount; i++){S_speed[i]=Math.random()*3+1} for (i=0; i < L_amount; i++){L_speed[i]=Math.random()*7+2} function NS_go() { for (i=0; i < S_amount; i++) { var temp="S_star"+i;//50 document.layers[temp].top=S_Ypos[i]+window.pageYOffset; document.layers['S_star'+i].left-=S_speed[i]; if (document.layers['S_star'+i].left < -10){document.layers['S_star'+i].left=window.innerWidth} } S_timer=setTimeout('NS_go()',30); } function NL_go() { for (i=0; i < L_amount; i++) { var temp="L_star"+i document.layers[temp].top=L_Ypos[i]+window.pageYOffset; document.layers['L_star'+i].left-=L_speed[i]; if (document.layers['L_star'+i].left < -10){document.layers['L_star'+i].left=window.innerWidth} } L_timer=setTimeout('NL_go()',10); } function NsStart() { NS_go(); NL_go(); } NsStart(); }//End Netscape window.onresize = new Function("window.location.reload()"); // --></mce:script>
按我複製程式碼
將以下程式碼複製,貼在<head>及</head>標籤之間。
<mce: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;} --></mce:style><style mce_bogus="1">#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>
紫蓮の翼
紫蓮の翼 發表在 痞客邦 留言(0) 人氣()
留言列表