滑鼠帶透明圖片 :
*Opacity=50 是透明度
<body onmousemove="C.style.left=document.body.scrollLeft+event.clientX+10;C.style.top=document.body.scrollTop+event.clientY+10"> <font id="C" style="position:absolute; FILTER: Alpha(Opacity=50)"> <img border="0" src="圖片網址" class=tm></font>
雙 擊 下 拉
為滑動速度，數值越大，速度越慢
請將下列語法複製於 與 之間。
<SCRIPT language=JavaScript> var currentpos,timer; function initialize() { timer=setInterval("scrollwindow()",10); } function sc(){ clearInterval(timer); } function scrollwindow() { currentpos=document.body.scrollTop; window.scroll(0,++currentpos); if (currentpos != document.body.scrollTop) sc(); } document.onmousedown=sc document.ondblclick=initialize </script>
圖會隨著滑鼠的移動而跟著出現，效果很特別~!!!
請將下列語法複製於 與 之間。
<SCRIPT language=JavaScript><!-- Begin Image0 = new Image(); Image0.src = "bubble.gif"; Amount = 15; 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] = 8; 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] = 8; 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] > 40) grow[i] = 40; } setTimeout('MouseBubbles()', 10); } MouseBubbles(); // End --></SCRIPT>
滑鼠走馬
語法貼在BODY地方
<SCRIPT language="JavaScript1.2"> <!-- var scroller_msg='你想要O既字' var dismissafter=0 var initialvisible=0 if (document.all) document.write('<marquee id="curscroll" style="position:absolute;width:80px;border:1px solid pink;font-size:8pt;background-color:#FFE8F3;visibility:hidden">'+scroller_msg+'</marquee>') function followcursor(){ //move cursor function for IE if (initialvisible==0){ curscroll.style.visibility="visible" initialvisible=1 } curscroll.style.left=document.body.scrollLeft+event.clientX+10 curscroll.style.top=document.body.scrollTop+event.clientY+10 } function dismissmessage(){ curscroll.style.visibility="hidden" } if (document.all){ document.onmousemove=followcursor document.ondblclick=dismissmessage if (dismissafter!=0) setTimeout("dismissmessage()",dismissafter*1000) } //--> </SCRIPT>
滑鼠跟字
<style> .spanstyle { position:absolute; visibility:visible; top:-50px;font-size:12pt; font-family:Arial; color:pink; } </style> <script LANGUAGE="JAVAScript"> var x, y; var step=25; var flag=0; var message="HELLO~~~~~!!!!!!!!!!!!"; message=message.split(""); var xpos=new Array(); var ypos=new Array(); for(i=0;i<=message.length-1;i++){ xpos[i]=-50; } for(i=0;i<=message.length-1;i++){ ypos[i]=-50; } function handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX; y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY; flag=1; } function makesnake(){ if (flag==1 && document.all){ for (i=message.length-1; i>=1; i--){ xpos[i]=xpos[i-1]+step; ypos[i]=ypos[i-1]; } xpos[0]=x+step; ypos[0]=y; for (i=0; i<message.length-1; i++){ var thisspan = eval("span"+(i)+".style"); thisspan.posLeft=xpos[i]; thisspan.posTop=ypos[i]; } } else if(flag==1 && document.layers){ for (i=message.length-1; i>=1; i--){ xpos[i]=xpos[i-1]+step; ypos[i]=ypos[i-1]; } xpos[0]=x+step; ypos[0]=y; for (i=0; i<message.length-1; i++){ var thisspan = eval("document.span"+i); thisspan.left=xpos[i]; thisspan.top=ypos[i]; } } var timer=setTimeout("makesnake()", 30); } for(i=0;i<=message.length-1;i++){ document.write("<span id='span"+i+"' class='spanstyle'>"); document.write(message[i]);document.write("</span>"); } if(document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove=handlerMM; makesnake(); </script>