js跟随鼠标冒水泡效果
1![]()
<body bgcolor="#ffffff">
2![]()
<SCRIPT LANGUAGE="JavaScript">
3![]()
<!-- Begin
4![]()
Image0 = new Image();
5![]()
Image0.src = "xfile.php?xname=686QF01&fname=/images_bbs/lovely/165.gif";
6![]()
Amount = 20;
7![]()
Ymouse = -50;
8![]()
Xmouse = -50;
9![]()
Ypos = new Array();
10![]()
Xpos = new Array();
11![]()
Speed = new Array();
12![]()
rate = new Array();
13![]()
grow = new Array();
14![]()
Step = new Array();
15![]()
Cstep = new Array();
16![]()
nsSize = new Array();
17![]()
ns = (document.layers)?1:0;
18![]()
(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;
19![]()
function Mouse(evnt) {
20![]()
Ymouse=(document.layers)?evnt.pageY-20:event.y-20;
21![]()
Xmouse=(document.layers)?evnt.pageX:event.x;
22![]()
}
23![]()
(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
24![]()
for (i = 0; i < Amount; i++) {
25![]()
Ypos[i] = Ymouse;
26![]()
Xpos[i] = Xmouse;
27![]()
Speed[i] = Math.random()*4+1;
28![]()
Cstep[i] = 0;
29![]()
Step[i] = Math.random()*0.1+0.05;
30![]()
grow[i] = 8;
31![]()
nsSize[i] = Math.random()*15+5;
32![]()
rate[i] = Math.random()*0.5+0.1;
33![]()
}
34![]()
if (ns) {
35![]()
for (i = 0; i < Amount; i++) {
36![]()
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>");
37![]()
}
38![]()
}
39![]()
else {
40![]()
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
41![]()
for (i = 0; i < Amount; i++) {
42![]()
document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90)">');
43![]()
}
44![]()
document.write('</div></div>');
45![]()
}
46![]()
function MouseBubbles() {
47![]()
var hscrll = (document.layers)?window.pageYOffset:document.body.scrollTop;
48![]()
var wscrll = (document.layers)?window.pageXOffset:document.body.scrollLeft;
49![]()
for (i = 0; i < Amount; i++){
50![]()
sy = Speed[i] * Math.sin(270 * Math.PI / 180);
51![]()
sx = Speed[i] * Math.cos(Cstep[i] * 4);
52![]()
Ypos[i] += sy;
53![]()
Xpos[i] += sx;
54![]()
if (Ypos[i] < -40) {
55![]()
Ypos[i] = Ymouse;
56![]()
Xpos[i] = Xmouse;
57![]()
Speed[i] = Math.random() * 6 + 4;
58![]()
grow[i] = 8;
59![]()
nsSize[i] = Math.random() * 15 + 5;
60![]()
}
61![]()
if (ns) {
62![]()
document.layers['sn'+i].left = Xpos[i] + wscrll;
63![]()
document.layers['sn'+i].top = Ypos[i] + hscrll;
64![]()
}
65![]()
else {
66![]()
si[i].style.pixelLeft = Xpos[i] + wscrll;
67![]()
si[i].style.pixelTop = Ypos[i] + hscrll;
68![]()
si[i].style.width = grow[i];
69![]()
si[i].style.height = grow[i];
70![]()
}
71![]()
grow[i] += rate[i];
72![]()
Cstep[i] += Step[i];
73![]()
if (grow[i] > 24) grow[i] = 25;
74![]()
}
75![]()
setTimeout('MouseBubbles()', 10);
76![]()
}
77![]()
MouseBubbles();
78![]()
// End -->
79![]()
</script>
80![]()
</body>
81![]()
82![]()
<body bgcolor="#ffffff">2
<SCRIPT LANGUAGE="JavaScript">
3
<!-- Begin4
Image0 = new Image();5
Image0.src = "xfile.php?xname=686QF01&fname=/images_bbs/lovely/165.gif";6
Amount = 20;7
Ymouse = -50;8
Xmouse = -50;9
Ypos = new Array();10
Xpos = new Array();11
Speed = new Array();12
rate = new Array();13
grow = new Array();14
Step = new Array();15
Cstep = new Array();16
nsSize = new Array();17
ns = (document.layers)?1:0;18
(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;19
function Mouse(evnt) {
20
Ymouse=(document.layers)?evnt.pageY-20:event.y-20;21
Xmouse=(document.layers)?evnt.pageX:event.x;22
}23
(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;24
for (i = 0; i < Amount; i++) {25
Ypos[i] = Ymouse;26
Xpos[i] = Xmouse;27
Speed[i] = Math.random()*4+1;28
Cstep[i] = 0;29
Step[i] = Math.random()*0.1+0.05;30
grow[i] = 8;31
nsSize[i] = Math.random()*15+5;32
rate[i] = Math.random()*0.5+0.1;33
}34
if (ns) {35
for (i = 0; i < Amount; i++) {36
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>");37
}38
}39
else {40
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');41
for (i = 0; i < Amount; i++) {42
document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90)">');43
}44
document.write('</div></div>');45
}46
function MouseBubbles() {47
var hscrll = (document.layers)?window.pageYOffset:document.body.scrollTop;48
var wscrll = (document.layers)?window.pageXOffset:document.body.scrollLeft;49
for (i = 0; i < Amount; i++){50
sy = Speed[i] * Math.sin(270 * Math.PI / 180);51
sx = Speed[i] * Math.cos(Cstep[i] * 4);52
Ypos[i] += sy;53
Xpos[i] += sx;54
if (Ypos[i] < -40) {55
Ypos[i] = Ymouse;56
Xpos[i] = Xmouse;57
Speed[i] = Math.random() * 6 + 4;58
grow[i] = 8;59
nsSize[i] = Math.random() * 15 + 5;60
}61
if (ns) {62
document.layers['sn'+i].left = Xpos[i] + wscrll;63
document.layers['sn'+i].top = Ypos[i] + hscrll;64
}65
else {66
si[i].style.pixelLeft = Xpos[i] + wscrll;67
si[i].style.pixelTop = Ypos[i] + hscrll;68
si[i].style.width = grow[i];69
si[i].style.height = grow[i];70
}71
grow[i] += rate[i];72
Cstep[i] += Step[i];73
if (grow[i] > 24) grow[i] = 25;74
}75
setTimeout('MouseBubbles()', 10);76
}77
MouseBubbles();78
// End -->79
</script>80
</body>81
82
浙公网安备 33010602011771号