8-10.htm

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

HTM
60 行
字号 
<html>
<head>
<title>§8.10 跟随鼠标移动的图片</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<script language=javascript>
var x,y                 //用于记录鼠标所在位置的x,y坐标
var flag=0              //鼠标是否移动的标志位
function getxy(e)       //得到鼠标所在的x,y坐标
{
  x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
  y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
  flag=1
}

function makesnake()
{
  xpos=x+10
  ypos=y+10
  if (flag==1 && document.all) 
  {
    var thisspan = eval("img1"+".style")
    img1.style.left=xpos
    img1.style.top=ypos
  }
  else
    if (flag==1 && document.layers) 
    {
      document.img1.moveTo(xpos,ypos)
    }
    var timer=setTimeout("makesnake()",30)
}
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000" onload="makesnake()">
<script>
if (navigator.appName == "Netscape") 
{
  document.write('<layer id=img1>')
  document.write('<img ID=img2 src="100-1.gif" >')
  document.write('</layer>')
}
else
{
  document.write('<div ID=img1 STYLE="position:absolute;TOP:0pt;LEFT:0pt;width=88;height=31;Z-INDEX:2;visibility:visible;">')
  document.write('<img ID=img2 src="100-1.gif" >')
  document.write('</div>')
}

if (document.layers)
{
  document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = getxy;

</script>
</body>
</html>

8-10.htm - 源码说明

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

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

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?