?? bubble.htm
字號:
<html>
<head>
<title>
Water Bubbles
</title>
</head>
<body>
<script language="JavaScript">
//<!-- Begin
image = new Image(); //引入圖像b.gif
image.src = "1.gif";
Amount = 20;
my = -50; //初始化氣泡涌出的位置y
mx = -50; //初始化氣泡涌出的位置x
Ypos = new Array(); //y軸坐標
Xpos = new Array(); //x軸坐標
Speed = new Array(); //豎直速度
size = new Array(); //尺寸
sizegrow = new Array(); //每次尺寸增大的值
angle = new Array(); //余弦曲線的角度
anglegrow = new Array(); //每次余弦曲線角度變化
//鼠標移動事件
document.onmousemove=MouseMove;
function MouseMove()
{
my = event.y-20;
mx = event.x;
}
for (i = 0; i < Amount; i++)
{
Ypos[i] = my;
Xpos[i] = mx;
Speed[i] = Math.random()*4+1; //[1,5) 速度
angle[i] = 0; //余弦曲線的角度
anglegrow[i] = Math.random()*0.4+0.2; //[0.2,0.6)
size[i] = 8;
sizegrow[i] = Math.random()*0.1+0.1; //[0.5,0.6)尺寸增大的速度
}
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="' + image.src + '" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=50)">');
//alpha濾鏡:調整對象內容的透明度
//參數opacity由來設置起始的透明度等級
document.write('</div></div>');
function MouseBubbles()
{
//得到頁面最頂端與頁面可視部分最頂端的距離
var hscrll = document.body.scrollTop;
//得到頁面最左端與頁面可視部分最左端的距離
var wscrll = document.body.scrollLeft;
for (i = 0; i < Amount; i++)
{
Ypos[i] += Speed[i] * (-1) //豎直方向勻速
Xpos[i] += Speed[i] * Math.cos(angle[i]); ; //水平方向余弦運動
if (Ypos[i] < -40)
{
Ypos[i] = my;
Xpos[i] = mx;
Speed[i] = Math.random() * 6 + 4; //[4,10) 速度
size[i] = 8; //尺寸
}
si[i].style.pixelLeft = Xpos[i] + wscrll; //位置
si[i].style.pixelTop = Ypos[i] + hscrll;
si[i].style.width = size[i]; //尺寸
si[i].style.height = size[i];
size[i] += sizegrow[i]; //sizegrow[i]為[0.5,0.6)區間
angle[i] += anglegrow[i]; //余弦曲線的角度
if (size[i] > 24) size[i] = 25; //尺寸,上限25
}
setTimeout('MouseBubbles()', 15);
}
MouseBubbles();
// End -->
</script>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -