JS实现网页十字光标

最新推荐文章于 2024-10-12 09:37:56 发布

weixin_30823001

最新推荐文章于 2024-10-12 09:37:56 发布

阅读量504

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/softmans/p/7422928.html

<html>
<head>
<title>在页面中显示十字光标</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<div id="divleft"></div>
<div id="divtop"></div>
<script language="JavaScript">
function move(){
if (event.clientX<document.body.clientWidth-2)
  divtop.style.pixelLeft=document.body.scrollLeft+event.clientX+1;
else divtop.style.pixelLeft=document.body.clientWidth-2;
if (event.clientY<document.body.clientHeight-2)
  divleft.style.pixelTop=document.body.scrollTop+event.clientY+1;
}
function setstyle(n){
var name=eval(n).style;
name.position="absolute";
name.left="0";
name.top="0";
if (n=="divleft"){
  name.height="2px";
  name.width=document.body.clientWidth;
}
if (n=="divtop"){
  name.width="2px";
  name.height=document.body.clientHeight;
}
name.backgroundColor="#6699cc";
name.fontSize="0px";
}
setstyle("divleft");
setstyle("divtop");
document.onmousemove=move;
</script>
</body>
</html>