โค๊ดดาวร่วง คำสั่งในช่อง scrollbar ข้างล่างนี้เป็น script ของรูป 
ให้เปลี่ยนแปลง script โดยสังเกตที่ข้อความสีแดง คือ
num=5; ให้เปลี่ยนแปลงค่าเลข 5 เป็นจำนวนของรูปที่ต้องการใช้
pics=new Array("http://i11.photobucket.com/albums/a171/merrymod/flower01.gif", "http://i11.photobucket.com/albums/a171/merrymod/flower02.gif", "http://i11.photobucket.com/albums/a171/merrymod/flower03.gif", "http://i11.photobucket.com/albums/a171/merrymod/flower04.gif", "http://i11.photobucket.com/albums/a171/merrymod/flower05.gif"); ใส่ค่า url ของรูปที่ต้องการ
<script language="JavaScript"> <!-- fall Script Kurt Grigg - http://www.btinternet.com/~kurt.grigg/javascript
var isNetscape6=false; if (navigator.appName == "Netscape" && parseFloat(navigator.appVersion) >= 5) isNetscape6=true;/* This script has been disabled for Netscape 6 due to ugly scrollbar activety. Could probably be fixed with a clipped container div but can't be bothered. */
if (!isNetscape6){ num=5; //Smoothness depends on image file size, the smaller the size the more you can use! stopafter=240; //seconds!
//Pre-load images! pics=new Array("http://i11.photobucket.com/albums/a171/merrymod/flower01.gif", "http://i11.photobucket.com/albums/a171/merrymod/flower02.gif", "http://i11.photobucket.com/albums/a171/merrymod/flower03.gif", "http://i11.photobucket.com/albums/a171/merrymod/flower04.gif", "http://i11.photobucket.com/albums/a171/merrymod/flower05.gif"); load=new Array(); for(i=0; i < pics.length; i++){ load[i]=new Image(); load[i].src=pics[i]; } stopafter*=1000; timer=null; y=new Array(); x=new Array(); s=new Array(); s1=new Array(); s2=new Array(); if (document.layers){ for (i=0; i < num; i++){ randomleaf = pics[Math.floor(Math.random()*pics.length)]; document.write("<LAYER NAME='leaf"+i+"' LEFT=0 TOP=0><img src="+randomleaf+"></LAYER>"); } } if (document.all){ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < num; i++){ randomleaf = pics[Math.floor(Math.random()*pics.length)]; document.write('<img id="leaf'+i+'" src="'+randomleaf+'" style="position:absolute;top:0px;left:0px">'); } document.write('</div></div>'); } if (!document.all&&!document.layers){ for (i=0; i < num; i++){ randomleaf = pics[Math.floor(Math.random()*pics.length)]; document.write("<div id='leaf"+i+"' style='position:absolute;top:0px;left:0px'><img src="+randomleaf+"></div>"); } } inih=(document.all)?window.document.body.clientHeight:window.innerHeight-100; iniw=(document.all)?window.document.body.clientWidth:window.innerWidth-100; for (i=0; i < num; i++){ y[i]=Math.round(Math.random()*inih); x[i]=Math.round(Math.random()*iniw); s[i]=Math.random()*5+3; s1[i]=0; s2[i]=Math.random()*0.1+0.05; } function fall(){ h=(document.all)?window.document.body.clientHeight:window.innerHeight; w=(document.all)?window.document.body.clientWidth:window.innerWidth; scy=(document.all)?document.body.scrollTop:window.pageYOffset; scx=(document.all)?document.body.scrollLeft:window.pageXOffset; for (i=0; i < num; i++){ sy=s[i]*Math.sin(90*Math.PI/180); sx=s[i]*Math.cos(s1[i]); y[i]+=sy; x[i]+=sx; if (y[i] > h){ y[i]=-60; x[i]=Math.round(Math.random()*w); s[i]=Math.random()*5+3; } s1[i]+=s2[i]; if (document.layers){ document.layers["leaf"+i].left=x[i]; document.layers["leaf"+i].top=y[i]+scy; } else{ document.getElementById("leaf"+i).style.left=x[i]; document.getElementById("leaf"+i).style.top=y[i]+scy; } } timer=setTimeout('fall()',80); } fall();
function dsbl(){ for (i=0; i < num; i++){ if (document.layers) document.layers["leaf"+i].visibility="hide"; else document.getElementById("leaf"+i).style.visibility="hidden"; } clearTimeout(timer); } setTimeout('dsbl()',stopafter); } //--> </script>
Cursor Elastic Trail คำสั่งในช่อง scrollbar ข้างล่างนี้เป็น cursor elastic trail script ของรูป  ส่วนใครที่ต้องการเปลี่ยนแปลง script ให้เปลี่ยนที่ข้อความสีแดงทั้งหมด คือ
1. ขนาดของรูป height: 10; width: 10
2. url ของรูปhttp://i11.photobucket.com/albums/a171/merrymod/Star2.gif
คลิกขวาที่รูปที่ต้องการจะใช้ แล้วเอา url ของรูปไปใส่แทนที่ในคำสั่ง หรือจะ save รูป แล้วไปใส่ที่ bloggang ของคุณ แล้วจึงเอา url ไปใช้ รับรองรูปไม่หายแน่ๆ
<div id="dot0" style="position: absolute; visibility: hidden; height: 10; width: 10;"> <img src="http://i11.photobucket.com/albums/a171/merrymod/Star2.gif" height=10width=10></div> <div id="dot1" style="position: absolute; height: 10; width: 10;"> <img src="http://i11.photobucket.com/albums/a171/merrymod/Star2.gif" height=10width=10></div> <div id="dot2" style="position: absolute; height: 10; width: 10;"> <img src="http://i11.photobucket.com/albums/a171/merrymod/Star2.gif" height=10width=10></div> <div id="dot3" style="position: absolute; height: 10; width: 10;"> <img src="http://i11.photobucket.com/albums/a171/merrymod/Star2.gif" height=10width=10></div> <div id="dot4" style="position: absolute; height: 10; width: 10;"> <img src="http://i11.photobucket.com/albums/a171/merrymod/Star2.gif" height=10width=10></div> <div id="dot5" style="position: absolute; height: 10; width: 10;"> <img src="http://i11.photobucket.com/albums/a171/merrymod/Star2.gif" height=10width=10></div> <div id="dot6" style="position: absolute; height: 10; width: 10;"> <img src="http://i11.photobucket.com/albums/a171/merrymod/Star2.gif" height=10width=10></div>
<script LANGUAGE="JavaScript"> <!-- hide code /* Elastic Trail script (By Philip Winston @ pwinston@yahoo.com, URL: http://www.geocities.com/pwinston/) Script featured on Dynamicdrive.com For this and 100's more DHTML scripts, visit http://dynamicdrive.com */ var nDots = 7;var Xpos = 0;var Ypos = 0; // fixed time step, no relation to real time var DELTAT = .01;// size of one spring in pixels var SEGLEN = 10;// spring constant, stiffness of springs var SPRINGK = 10;// all the physics is bogus, just picked stuff to make it look okay var MASS = 1;// Positive XGRAVITY pulls right, negative pulls left // Positive YGRAVITY pulls down, negative up var XGRAVITY = 0;var YGRAVITY = 50; // RESISTANCE determines a slowing force proportional to velocity var RESISTANCE = 10;// stopping criterea to prevent endless jittering // doesn't work when sitting on bottom since floor // doesn't push back so acceleration always as big as gravity var STOPVEL = 0.1;var STOPACC = 0.1;var DOTSIZE = 11; // BOUNCE is percent of velocity retained when bouncing off a wall var BOUNCE = 0.75;var isNetscape = navigator.appName=="Netscape"; // always on for now, could be played with to let dots fall to botton, get thrown, etc. var followmouse = true;var dots = new Array();init();function init() {var i = 0;for (i = 0; i < nDots; i++) {dots[i] = new dot(i);} if (!isNetscape) {// I only know how to read the locations of the <LI> items in IE //skip this for now;// setInitPositions(dots) }// set their positions for (i = 0; i < nDots; i++) {dots[i].obj.left = dots[i].X;dots[i].obj.top = dots[i].Y;} if (isNetscape) {// start right away since they are positioned at 0, 0 startanimate();} ;else {// let dots sit there for a few seconds // since they're hiding on the real bullets setTimeout("startanimate()", 2000);}}function dot(i) {this.X = Xpos;this.Y = Ypos;this.dx = 0;this.dy = 0; if (isNetscape) {this.obj = eval("document.dot" + i);} else {this.obj = eval("dot" + i + ".style");}} function startanimate() {setInterval("animate()", 20);} // This is to line up the bullets with actual LI tags on the page // Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why // Still doesn't work great;function setInitPositions(dots) {// noneize dot positions to be on top of the bullets in the <ul> var startloc = document.all.tags("LI");var i = 0; for (i = 0; i < startloc.length && i < (nDots - 1); i++) {dots[i+1].X = startloc[i].offsetLeft startloc[i].offsetParent.offsetLeft - DOTSIZE; dots[i+1].Y = startloc[i].offsetTop + startloc[i].offsetParent.offsetTop + 2*DOTSIZE;} // put 0th dot above 1st (it is hidden) dots[0].X = dots[1].X;dots[0].Y = dots[1].Y - SEGLEN;} // just save mouse position for animate() to use function MoveHandler(e) {Xpos = e.pageX;Ypos = e.pageY;return true;} // just save mouse position for animate() to use function MoveHandlerIE() {Xpos = window.event.x + document.body.scrollLeft; Ypos = window.event.y + document.body.scrollTop; }if (isNetscape) {document.captureEvents(Event.MOUSEMOVE); document.onMouseMove = MoveHandler;} else {document.onmousemove = MoveHandlerIE;} function vec(X, Y){this.X = X;this.Y = Y;} // adds force in X and Y to spring for dot[i] on dot[j] function springForce(i, j, spring) {var dx = (dots[i].X - dots[j].X);var dy = (dots[i].Y - dots[j].Y); var len = Math.sqrt(dx*dx + dy*dy); if (len > SEGLEN) {var springF = SPRINGK * (len - SEGLEN); spring.X += (dx / len) * springF;spring.Y += (dy / len) * springF;}} function animate() {// dots[0] follows the mouse,// though no dot is drawn there var start = 0;if (followmouse) {dots[0].X = Xpos;dots[0].Y = Ypos;start = 1;} for (i = start ; i < nDots; i++ ) {var spring = new vec(0, 0); if (i > 0) {springForce(i-1, i, spring);} if (i < (nDots - 1)) {springForce(i+1, i, spring);};// air resisitance/friction var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE);// compute new accel, including gravity var accel = new vec((spring.X + resist.X)/MASS + XGRAVITY, (spring.Y + resist.Y)/ MASS + YGRAVITY);// compute new velocity dots[i].dx += (DELTAT * accel.X);dots[i].dy += (DELTAT * accel.Y); // stop dead so it doesn't jitter when nearly still if (Math.abs(dots[i].dx) < STOPVEL && Math.abs(dots[i].dy) < STOPVEL && Math.abs(accel.X) < STOPACC && Math.abs(accel.Y) < STOPACC) {dots[i].dx = 0;dots[i].dy = 0;} // move to new position dots[i].X += dots[i].dx;dots[i].Y += dots[i].dy;// get size of window var height, width;if (isNetscape) {height = window.innerHeight + window.pageYOffset; width = window.innerWidth + window.pageXOffset;} else {height = document.body.clientHeight + document.body.scrollTop; width = document.body.clientWidth + document.body.scrollLeft;} // bounce off 3 walls (leave ceiling open) if (dots[i].Y >= height - DOTSIZE - 1) {if (dots[i].dy > 0) {dots[i].dy = BOUNCE * -dots[i].dy;};dots[i].Y = height - DOTSIZE - 1;} if (dots[i].X >= width - DOTSIZE) {if (dots[i].dx > 0) {dots[i].dx = BOUNCE * -dots[i].dx;} dots[i].X = width - DOTSIZE - 1;} if (dots[i].X < 0) {if (dots[i].dx < 0) {dots[i].dx = BOUNCE * -dots[i].dx;}dots[i].X = 0;} // move img to new position dots[i].obj.left = dots[i].X;dots[i].obj.top = dots[i].Y;}} // end code hiding --> </script>
|
Cursor Bubbles คำสั่งในช่อง scrollbar ข้างล่างนี้เป็น cursor bubbles script ของรูป  ถ้าอยากเปลี่ยนรูปให้เปลี่ยน url ที่ http://i11.photobucket.com/albums/a171/merrymod/heart1.gif
<script language="JavaScript1.2"> Image0 = new Image(); Image0.src = "http://i11.photobucket.com/albums/a171/merrymod/heart1.gif"; Amount = 10; Ymouse = -50;Xmouse = -50; Ypos = new Array();Xpos = new Array();Speed = new Array(); rate = new Array();grow = new Array(); Step = new Array();Cstep = new Array();nsSize = new Array(); ns = (document.layers)?1:0; (document.layers)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt) { Ymouse=(document.layers)?evnt.pageY-20:event.y-20; Xmouse=(document.layers)?evnt.pageX:event.x;} (document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse; for (i = 0; i < Amount; i++) { Ypos[i] = Ymouse;Xpos[i] = Xmouse;Speed[i] = Math.random()*4+1;Cstep[i] = 0; Step[i] = Math.random()*0.1+0.05;grow[i] = 5; nsSize[i] = Math.random()*15+5; rate[i] = Math.random()*0.5+0.1;} if (ns) {for (i = 0; i < Amount; i++) { document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>");}} else {document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < Amount; i++) {document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90)">');} document.write('</div></div>');} function MouseBubbles() { var hscrll = (document.layers)?window.pageYOffset:document.body.scrollTop; var wscrll = (document.layers)?window.pageXOffset:document.body.scrollLeft; for (i = 0; i < Amount; i++){ sy = Speed[i] * Math.sin(270 * Math.PI / 180); sx = Speed[i] * Math.cos(Cstep[i] * 4); Ypos[i] += sy;Xpos[i] += sx; if (Ypos[i] < -40) {Ypos[i] = Ymouse;Xpos[i] = Xmouse;Speed[i] = Math.random() * 6 + 4;grow[i] = 4; nsSize[i] = Math.random() * 15 + 5;} if (ns) {document.layers['sn'+i].left = Xpos[i] + wscrll;document.layers['sn'+i].top = Ypos[i] + hscrll;} else {si[i].style.pixelLeft = Xpos[i] + wscrll;si[i].style.pixelTop = Ypos[i] + hscrll; si[i].style.width = grow[i];si[i].style.height = grow[i]; } grow[i] += rate[i]; Cstep[i] += Step[i];if (grow[i] > 20) grow[i] = 21;} setTimeout('MouseBubbles()', 20);} MouseBubbles(); // End --> // --> </script>
|

Cursor Sparks เมื่อคลิก cursor จะ spark ออกมาเป็นรูป ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥
ซึ่งใช้ค่าตัวเลขแทนการใส่รูปภาพ ถ้าอยากเปลี่ยนรูปก็ใส่โค้ดตัวอื่น และเปลี่ยนสีตามต้องการที่ข้อความสีแดง เช่น ♡ ♡ ♣ ♣ ◻ ◻ ♪ ♪ ♬ ♬& ♩ ♩ ☆ ☆
<SCRIPT LANGUAGE="JavaScript1.2"> var ver = navigator.appVersion;var dom = document.getElementById ? 1 : 0; var ie5 = (ver.indexOf("MSIE 5") > -1 && dom) ? 1 : 0;var n = (document.layers);var ie = (document.all); var sparksAflyin = 0;var totalSparks = 0;var sparksOn = 1; function initMouseEvents() {document.onmousedown = mouseDown; if (n) document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE); }function mouseDown(e) {if (sparksOn) { var mousex = (n) ? e.pageX : event.x+document.body.scrollLeft; var mousey = (n) ? e.pageY : event.y+document.body.scrollTop; if (!sparksAflyin) {for (var k = 0; k <= 9; k++) eval('SHOW("sDiv'+k+'")');sparksAflyin = 1;totalSparks = 0;for(i = 0;i <= 9; i++) eval('moveTo('+i+',0,'+mousex+','+mousey+')');}}} function moveTo(i,j, mousex, mousey){if (j < eval('anim_'+i+'_x.length') ){ var tempx = eval('anim_'+i+'_x[j]+mousex');var tempy = eval('anim_'+i+'_y[j]+mousey'); if (ie) {if(tempy+30 > (document.body.offsetHeight+document.body.scrollTop)) tempy = document.body.offsetHeight+document.body.scrollTop-30; if(tempx+30 > (document.body.offsetWidth+document.body.scrollLeft)) tempx = document.body.offsetWidth+document.body.scrollLeft-30; eval('document.all.sDiv'+i+'.style.left = tempx;');eval('document.all.sDiv'+i+'.style.top = tempy;'); }if (n) {eval('document.layers.sDiv'+i+'.left = tempx;');eval('document.layers.sDiv'+i+'.top = tempy;');} j++;// timeout: 5 = fireworks speed, larger number = slower speed setTimeout("moveTo("+i+","+j+","+mousex+","+mousey+")",5) }else {eval('HIDE("sDiv'+i+'")');totalSparks++;}if (totalSparks == 10) {sparksAflyin = 0;totalSparks = 0;}} function SHOW(divName){if (document.all) eval('document.all.'+divName+'.style.visibility = "visible";');else if (document.layers) eval('document.layers["'+divName+'"].visibility = "visible";');}function HIDE(divName){if (document.all) eval('document.all.'+divName+'.style.visibility = "hidden";');else if (document.layers) eval('document.layers["'+divName+'"].visibility = "hide";');} anim_0_x=new Array(20,20,10,0,0,0,0,0,0,0,0,0); anim_0_y=new Array(-20,-40,-60,-80,-60,-40,-20,0,20,40,60,80); anim_1_x=new Array(20,20,17,36,60,78,90,92,93,98,108,120,133,152,181); anim_1_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253); anim_2_x=new Array(20,20,2,3,4,5,6,7,8,9,10,12,13,15,18); anim_2_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253); anim_3_x=new Array(-20,-20,-2,-1,7,10,18,35,60,102,94,94,93,97,108,111,117,127); anim_3_y=new Array(-20,-25,-64,-89,-104,-150,-173,-197,-213,-199,-151,-101,-66,-17,27,87,140,189); anim_4_x=new Array(-20,-20,-10,-39,-30,-69,-64,-138,-154,-200,-181,-209,-191,-207,-203,-213,-202,-221,-211); anim_4_y=new Array(-20,-20,-28,-51,-79,-100,-135,-154,-193,-183,-149,-134,-89,-60,8,51,107,157,201); anim_5_x=new Array(-20,-29,-51,-72,-105,-133,-164,-189,-209,-229,-247,-270,-279,-282,-283,-283,-285,-286,-288); anim_5_y=new Array(-20,-55,-86,-116,-154,-183,-205,-217,-217,-198,-169,-120,-44,-8,40,87,144,190,248); anim_6_x=new Array(-20,-20,-7,14,44,79,143,186,217,226,234,244,250,259,265,274); anim_6_y=new Array(-20,-21,-72,-113,-139,-166,-188,-181,-126,-68,-3,54,134,187,215,257); anim_7_x=new Array(20,20,-3,-9,-13,-27,-33,-44,-54,-66,-77,-95,-107,-136,-150,-160,-164,-168,-171,-172,-172,-176,-175); anim_7_y=new Array(-20,-26,-43,-63,-89,-116,-145,-169,-201,-222,-240,-253,-254,-245,-220,-195,-160,-124,-81,-53,-26,19,68); anim_8_x=new Array(-20,20,-35,39,0,45,-1,24,-15,14,-20,35,-18,38,-11,16,49,64,81,93,100,103,109); anim_8_y=new Array(-20,-20,-32,-42,-62,-76,-89,-107,-132,-147,-173,-180,-192,-209,-236,-193,-119,-73,-24,51,95,130,188); anim_9_x=new Array(-20,-51,-89,-110,-165,-191,-228,-240,-259,-271,-277,-281,-287); anim_9_y=new Array(-20,-20,-35,-37,-34,-16,10,47,105,150,189,227,273); </script> <BODY OnLoad="initMouseEvents()" topmargin="0" leftmargin="0" bgcolor="#680000"> <div id="sparks"> <div id="sDiv0" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#9C0000" size="1">♥</div> <div id="sDiv1" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#FF4F4F" size="1">♥</div> <div id="sDiv2" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#E75263" size="1">♥</div> <div id="sDiv3" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#FB333D" size="1">♥</div> <div id="sDiv4" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#FD7F8E" size="1">♥</div> <div id="sDiv5" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#940000" size="2">♥</div> <div id="sDiv6" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#FF4F4F" size="2">♥</div> <div id="sDiv7" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#E75263" size="2">♥</div> <div id="sDiv8" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#FB333D" size="2">♥</div> <div id="sDiv9" style="position:absolute; visibility: hidden;"><font face="symbol,wingdings,arial" color="#FD7F8E" size="2">♥</div> </div>
คำสั่งในช่อง scrollbar ข้างล่างนี้เป็น script ของรูป  ต้องใช้คำสั่งใส่รูป โดยเปลี่ยน url ของรูปได้ที่ข้อความสีแดง
<SCRIPT LANGUAGE="JavaScript1.2"> var ver = navigator.appVersion;var dom = document.getElementById ? 1 : 0; var ie5 = (ver.indexOf("MSIE 5") > -1 && dom) ? 1 : 0;var n = (document.layers);var ie = (document.all); var sparksAflyin = 0;var totalSparks = 0;var sparksOn = 1; function initMouseEvents() {document.onmousedown = mouseDown; if (n) document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE); }function mouseDown(e) {if (sparksOn) { var mousex = (n) ? e.pageX : event.x+document.body.scrollLeft; var mousey = (n) ? e.pageY : event.y+document.body.scrollTop; if (!sparksAflyin) {for (var k = 0; k <= 9; k++) eval('SHOW("sDiv'+k+'")');sparksAflyin = 1;totalSparks = 0;for(i = 0;i <= 9; i++) eval('moveTo('+i+',0,'+mousex+','+mousey+')');}}} function moveTo(i,j, mousex, mousey){if (j < eval('anim_'+i+'_x.length') ){ var tempx = eval('anim_'+i+'_x[j]+mousex');var tempy = eval('anim_'+i+'_y[j]+mousey'); if (ie) {if(tempy+30 > (document.body.offsetHeight+document.body.scrollTop)) tempy = document.body.offsetHeight+document.body.scrollTop-30; if(tempx+30 > (document.body.offsetWidth+document.body.scrollLeft)) tempx = document.body.offsetWidth+document.body.scrollLeft-30; eval('document.all.sDiv'+i+'.style.left = tempx;');eval('document.all.sDiv'+i+'.style.top = tempy;'); }if (n) {eval('document.layers.sDiv'+i+'.left = tempx;');eval('document.layers.sDiv'+i+'.top = tempy;');} j++;// timeout: 5 = fireworks speed, larger number = slower speed setTimeout("moveTo("+i+","+j+","+mousex+","+mousey+")",5) }else {eval('HIDE("sDiv'+i+'")');totalSparks++;}if (totalSparks == 10) {sparksAflyin = 0;totalSparks = 0;}} function SHOW(divName){if (document.all) eval('document.all.'+divName+'.style.visibility = "visible";');else if (document.layers) eval('document.layers["'+divName+'"].visibility = "visible";');}function HIDE(divName){if (document.all) eval('document.all.'+divName+'.style.visibility = "hidden";');else if (document.layers) eval('document.layers["'+divName+'"].visibility = "hide";');} anim_0_x=new Array(20,20,10,0,0,0,0,0,0,0,0,0); anim_0_y=new Array(-20,-40,-60,-80,-60,-40,-20,0,20,40,60,80); anim_1_x=new Array(20,20,17,36,60,78,90,92,93,98,108,120,133,152,181); anim_1_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253); anim_2_x=new Array(20,20,2,3,4,5,6,7,8,9,10,12,13,15,18); anim_2_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253); anim_3_x=new Array(-20,-20,-2,-1,7,10,18,35,60,102,94,94,93,97,108,111,117,127); anim_3_y=new Array(-20,-25,-64,-89,-104,-150,-173,-197,-213,-199,-151,-101,-66,-17,27,87,140,189); anim_4_x=new Array(-20,-20,-10,-39,-30,-69,-64,-138,-154,-200,-181,-209,-191,-207,-203,-213,-202,-221,-211); anim_4_y=new Array(-20,-20,-28,-51,-79,-100,-135,-154,-193,-183,-149,-134,-89,-60,8,51,107,157,201); anim_5_x=new Array(-20,-29,-51,-72,-105,-133,-164,-189,-209,-229,-247,-270,-279,-282,-283,-283,-285,-286,-288); anim_5_y=new Array(-20,-55,-86,-116,-154,-183,-205,-217,-217,-198,-169,-120,-44,-8,40,87,144,190,248); anim_6_x=new Array(-20,-20,-7,14,44,79,143,186,217,226,234,244,250,259,265,274); anim_6_y=new Array(-20,-21,-72,-113,-139,-166,-188,-181,-126,-68,-3,54,134,187,215,257); anim_7_x=new Array(20,20,-3,-9,-13,-27,-33,-44,-54,-66,-77,-95,-107,-136,-150,-160,-164,-168,-171,-172,-172,-176,-175); anim_7_y=new Array(-20,-26,-43,-63,-89,-116,-145,-169,-201,-222,-240,-253,-254,-245,-220,-195,-160,-124,-81,-53,-26,19,68); anim_8_x=new Array(-20,20,-35,39,0,45,-1,24,-15,14,-20,35,-18,38,-11,16,49,64,81,93,100,103,109); anim_8_y=new Array(-20,-20,-32,-42,-62,-76,-89,-107,-132,-147,-173,-180,-192,-209,-236,-193,-119,-73,-24,51,95,130,188); anim_9_x=new Array(-20,-51,-89,-110,-165,-191,-228,-240,-259,-271,-277,-281,-287); anim_9_y=new Array(-20,-20,-35,-37,-34,-16,10,47,105,150,189,227,273); </script> <BODY OnLoad="initMouseEvents()" topmargin="0" leftmargin="0" bgcolor="#680000"> <div id="sparks"> <div id="sDiv0" style="position:absolute; visibility: hidden;"><img src='http://i11.photobucket.com/albums/a171/merrymod/flower21.gif 'border=0></div> <div id="sDiv1" style="position:absolute; visibility: hidden;"><img src='http://i11.photobucket.com/albums/a171/merrymod/flower22.gif 'border=0></div> <div id="sDiv2" style="position:absolute; visibility: hidden;"><img src='http://i11.photobucket.com/albums/a171/merrymod/flower23.gif 'border=0></div> <div id="sDiv3" style="position:absolute; visibility: hidden;"><img src='http://i11.photobucket.com/albums/a171/merrymod/flower24.gif 'border=0></div> <div id="sDiv4" style="position:absolute; visibility: hidden;"><img src='http://i11.photobucket.com/albums/a171/merrymod/flower25.gif 'border=0></div> <div id="sDiv5" style="position:absolute; visibility: hidden;"><img src='http://i11.photobucket.com/albums/a171/merrymod/flower26.gif 'border=0></div> <div id="sDiv6" style="position:absolute; visibility: hidden;"><img src='http://i11.photobucket.com/albums/a171/merrymod/flower21.gif 'border=0></div> <div id="sDiv7" style="position:absolute; visibility: hidden;"><img src='http://i11.photobucket.com/albums/a171/merrymod/flower23.gif 'border=0></div> <div id="sDiv8" style="position:absolute; visibility: hidden;"><img src='http://i11.photobucket.com/albums/a171/merrymod/flower24.gif 'border=0></div> <div id="sDiv9" style="position:absolute; visibility: hidden;"><img src='http://i11.photobucket.com/albums/a171/merrymod/flower25.gif 'border=0></div> </div>
|
โค้ด พลุ (fireworks)
ก็อปปี้คำสั่งใน scrollbar ไปใส่ที่ช่อง script ค่ะ
<script language="JavaScript1.2">
/* Document firework script (By Kurt Gregg, kurt.grigg@virgin.net) Modified/ perm. granted to Dynamic Drive to feature script in archive For full source and 100's more DHTML scripts, visit http://dynamicdrive.com */
var ns=document.layers?1:0 var ie4=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0
amount=14; if (ns){ for (i=0; i < amount; i++) document.write("<LAYER NAME='nsstars"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,1,1'></LAYER>"); } else if (ie4||ns6){ document.write("<div id='ieCov' style='position:absolute;top:0px;left:0px'>"); document.write("<div style='position:relative'>"); for (i=0; i < amount; i++) document.write("<div id='iestars"+i+"' style='position:absolute;top:0px;left:0px;width:1;height:1;background:#ffffff;font-size:1;z-index:10'></div>"); document.write("</div></div>"); } Clrs=new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff') sClrs=new Array('ffa500','00ff00','FFAAFF','fff000','fffffF') Xpos=300; Ypos=150; noneStarColor='00ff00'; step=5; currStep=0; explosionSize=120; function Fireworks(){ var WinHeight=(ns||ns6)?window.innerHeight-100:window.document.body.clientHeight-100; var WinWidth=(ns||ns6)?window.innerWidth-100:window.document.body.clientWidth-100; var Yscroll=(ns||ns6)?window.pageYOffset:document.body.scrollTop; for (i=0; i < amount; i++){ if (ie4||ns6) var layer=ns6?document.getElementById("iestars"+i).style : eval("iestars"+i).style; else if (ns) var layer=document.layers["nsstars"+i] var randCol=Math.round(Math.random()*8); var randSz=Math.round(Math.random()*2); layer.top = Ypos + explosionSize*Math.sin((currStep+i*5)/3)*Math.sin(currStep/100) layer.left= Xpos + explosionSize*Math.cos((currStep+i*5)/3)*Math.sin(currStep/100) if (currStep < 110){ if (ns){layer.bgColor=noneStarColor;layer.clip.width=1;layer.clip.height=1} else{layer.background=noneStarColor;layer.width=1;layer.height=1;layer.fontSize=1} } else{ if (ns){layer.bgColor=Clrs[randCol];layer.clip.width=randSz;layer.clip.height=randSz} else{layer.background=Clrs[randCol];layer.width=randSz;layer.height=randSz;layer.fontSize=randSz} } } if (currStep > 220) { currStep=0; Ypos = 50+Math.round(Math.random()*WinHeight)+Yscroll; Xpos = 50+Math.round(Math.random()*WinWidth); for (i=0; i < sClrs.length; i++) { var newIcol=Math.round(Math.random()*i); } noneStarColor=sClrs[newIcol]; explosionSize=Math.round(80*Math.random()+100); } currStep+=step; setTimeout("Fireworks()",20); } Fireworks(); // --> </script>
|

|