javascript鼠标指针坐标特效-键盘鼠标特效 by alixixi.com

当前位置：网站首页 > Web学院 > 网页基础 > 网页特效脚本集 > 键盘鼠标特效[打印] [收藏]

javascript鼠标指针坐标特效

网友评论 0 条转载到博客 2009-1-8 16:44:09　来源: 本站整理
0

顶一下

精品在线网页特效大全，在线效果演示 JAVASCRIPT脚本教程
以下是HTML网页特效代码，点击运行按钮可查看效果：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>
 function getPos(e,obj){
  var e = e || window.event, x = e.clientX+document.documentElement.scrollLeft, y = e.clientY+document.documentElement.scrollTop;
  var o = obj, xx=0, yy = 0;
  while(o!=null){
   xx += o.offsetLeft;
   yy += o.offsetTop;
   o = o.offsetParent;
  }
  return {x:x-xx, y:y-yy}
 }
 
 function visPos(e,obj,vis){
  var pos = getPos(e, obj);
  document.getElementById(vis).innerHTML = 'image_x：'+pos.x+'<br>image_y：'+pos.y;
 }
</script>
</head>
<body>
 <div style="width:2000px; height:2000px">
 <div id="vis" style="width:200px; height:80px; position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-150px"></div>
 <img src="http://bbs.blueidea.com/images/default/newtopic.gif" width="200" height="200" onmousemove="visPos(event,this,'vis')" style="position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-100px"/>
</div>
</body>
</html>
<a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

[提示：可先修改代码再按运行]
欢迎访问阿里西西网页特效代码站，js.alixixi.com[/html]

上一篇：关于ie6、ie7和ff浏览器兼容
下一篇：教你轻松解决几种常见的SQL疑难问题
搜百度：javascript鼠标指针坐标特效

相关 javascript鼠标指针坐标特效的文章：

网友评论全部评论

您还没登陆呢，点这里登陆共有 0 位网友发表了看法

当前位置：网站首页 > Web学院 > 网页基础 > 网页特效脚本集 > 键盘鼠标特效[打印] [收藏]

javascript鼠标指针坐标特效

网友评论全部评论

阅读排行

热门文章