新客网WWW.XKER.COM:致力做中国最专业的网络学院!
学院: 操作系统 - 网络应用 - 服务器 - 网络安全 - 工具软件 - 办公软件 - Web开发 - 数据库 - 网页设计 - 图形图像 - 媒体动画 - 硬件学堂 - 存储频道 - QQ专区
您的位置:首页 > 软件开发 > Web开发 > Asp教程 > 正文:这一段代码可以让页面产生十字标随鼠标移动

这一段代码可以让页面产生十字标随鼠标移动

新客网 XKER.COM 2003-07-11 来源: 收藏本文
<style>
<!--
#leftright, #topdown     {
    position:absolute;
    left:200;
    top:200;
    width:1px;
    height:1px;
    background-color:black;
    z-index:100;
    font-size:1px;
    }
-->
</style>
<script language="JavaScript">
<!--
function followmouse1()
{
//move cross engine for IE 4+
leftright.style.pixelTop=document.body.scrollTop+event.clientY+20
topdown.style.pixelTop=document.body.scrollTop+20
if (event.clientX<document.body.clientWidth-20)
topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+20
else
topdown.style.pixelLeft=document.body.clientWidth-20
}
function followmouse2(e){
//move cross engine for NS 4+
document.leftright.top=e.y+1
document.topdown.top=pageYOffset
document.topdown.left=e.x+1
}
if (document.all)
document.onmousemove=followmouse1
else if (document.layers){
window.captureEvents(Event.MOUSEMOVE)
window.onmousemove=followmouse2
}
</script>

<div id="leftright" style="width:expression(document.body.clientWidth-200)"></div>
<div id="topdown" style="height:expression(document.body.clientHeight-200)"></div>
收藏】 【评论】 【推荐】 【投稿】 【打印】 【关闭
发表评论
要记得去论坛讨论,点击注册新会员匿名评论
评论内容:不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。
阅读排行
随机推荐
实用信息推荐