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 + -
显示快捷键?