7-1.htm
来自「JScript网页特效,包含很多的实现网页特效的方法.」· HTM 代码 · 共 67 行
HTM
67 行
<html>
<head>
<title>§7.1 在窗口中从左向右飞行的图片</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
<!--//Begin code
var coltrol1=-100;
var coltrol2=-100;
var coltrol3=-100;
var coltrol4=-100;
var speed1 = Math.floor(Math.random()*10);
var speed2 = Math.floor(Math.random()*10);
var speed3 = Math.floor(Math.random()*10);
var speed4 = Math.floor(Math.random()*10);
function next()
{
coltrol1 += speed1;
coltrol2 += speed2;
coltrol3 += speed3;
coltrol4 += speed4;
if (coltrol1 > 800) coltrol1 = -100;
if (coltrol2 > 800) coltrol2 = -100;
if (coltrol3 > 800) coltrol3 = -100;
if (coltrol4 > 800) coltrol4 = -100;
if (document.layers)
{
document.layers[0].left = coltrol1;
document.layers[1].left = coltrol2;
document.layers[2].left = coltrol3;
document.layers[3].left = coltrol4;
}
else
{
mouse1.style.left = coltrol1;
mouse2.style.left = coltrol2;
mouse3.style.left = coltrol3;
mouse4.style.left = coltrol4;
}
window.setTimeout("next();",10);
}
//End code
-->
</script>
</head>
<body bgcolor="#FFFFFF" onload="next();">
<div id="mouse1"
style="HEIGHT: 50px; LEFT: 1px; posITION: absolute; TOP: 83px; WIDTH: 50px"> <img src="ball.gif" width="28" height="28">
</div>
<div id="mouse2"
style="HEIGHT: 80px; LEFT: 1px; posITION: absolute; TOP: 136px; WIDTH: 100px">
<img src="100.gif" width="168" height="27"></div>
<div id="mouse3"
style="HEIGHT: 100px; LEFT: 0px; posITION: absolute; TOP: 225px; WIDTH: 100px">
<img src="zxc.gif" width="67" height="114"></div>
<div id="mouse4"
style="HEIGHT: 52px; LEFT: 0px; posITION: absolute; TOP: 345px; WIDTH: 103px">
<img src="100-1.gif" width="88" height="30"></div>
</body>
</html>
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?