滑鼠飄圖
<script language="JavaScript">
Image0=new Image();
Image0.src="圖片網址";
Amount=10;
Ymouse=-40;
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=Ymouse;
Xpos=Xmouse;
Speed=Math.random()*4+1;
Cstep=0;
Step=Math.random()*0.1+0.05;
grow=8;
nsSize=Math.random()*15+5;
rate=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+" height="+nsSize+"></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*Math.sin(270*Math.PI/200);
sx = Speed*Math.cos(Cstep*4);
Ypos+=sy;
Xpos+=sx;
if (Ypos < -40){
Ypos=Ymouse;
Xpos=Xmouse;
Speed=Math.random()*6+4;
grow=8;
nsSize=Math.random()*15+5;}
if (ns){
document.layers['sn'+i].left=Xpos+wscrll;
document.layers['sn'+i].top=Ypos+hscrll;}
else{
si.style.pixelLeft=Xpos+wscrll;
si.style.pixelTop=Ypos+hscrll;
si.style.width=grow;
si.style.height=grow; }
grow+=rate;
Cstep+=Step;
if (grow >24) grow=24;}
setTimeout('MouseBubbles()',10);}
MouseBubbles();
</script>
|