7-5.htm

来自「JScript网页特效,包含很多的实现网页特效的方法.」· HTM 代码 · 共 84 行

HTM

84 行

<html>
<head>
<title>§7.5 在网页中飘动的图片</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<div id="img" style="position:absolute;; width: 90; height: 35"> <a href="http://www.myhome.com" onmouseover="pause_resume();" onmouseout="start();"><img src="100-1.gif" border="0"></a> 
</div>
<script LANGUAGE="JavaScript">
<!-- Begin
var xPos = 20;
var yPos = 10;
img.style.left= xPos;
img.style.top = yPos;
var step = 1;
var delay = 30; 
var width,height,Hoffset,Woffset;
var y = 1;
var x = 1;
var interval;
img.visibility = "visible";

function changePos() 
{
  width = document.body.clientWidth;
  height = document.body.clientHeight;
  Hoffset = img.offsetHeight;
  Woffset = img.offsetWidth;
  if (y) 
  {
    yPos = yPos + step;
  }
  else 
  {
    yPos = yPos - step;
  }
  if (yPos < 0) 
  {
    y = 1;
    yPos = 0;
  }
  if (yPos >= (height - Hoffset)) 
  {
    y = 0;
    yPos = (height - Hoffset);
  }
  if (x) 
  {
    xPos = xPos + step;
  }
  else 
  {
    xPos = xPos - step;
  }
  if (xPos < 0) 
  {
    x = 1;
    xPos = 0;
  }
  if (xPos >= (width - Woffset)) 
  {
    x = 0;
    xPos = (width - Woffset);
  }
  img.style.left = xPos + document.body.scrollLeft;
  img.style.top = yPos + document.body.scrollTop;
}

function start() 
{
  interval = setInterval('changePos()', delay);
}

function pause_resume() 
{
    clearInterval(interval);
}
start();
//  End -->
</script>
</body>
</html>

7-5.htm - 源码说明

本页面展示了「JScript网页特效,包含很多的实现网页特效的方法.」中的 7-5.htm 源码文件，采用 HTM 编程语言编写，共 84 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与JScript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?