| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 3197 人关注过本帖
标题:求助:Div(onmousemove)跟随鼠标,scrollTop之后按鼠标滑轮div与鼠标不一致
只看楼主 加入收藏
badzj
Rank: 1
等 级:新手上路
帖 子:4
专家分:0
注 册:2016-7-21
收藏
 问题点数:0 回复次数:2 
求助:Div(onmousemove)跟随鼠标,scrollTop之后按鼠标滑轮div与鼠标不一致
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>
    document.onmousemove=function (ev)
    {
        var oEvent=ev||event;
        var oDiv=document.getElementById('div1');
        var scrollTop=document.documentElement.scrollTop|| document.body.scrollTop;
        
        oDiv.style.left=oEvent.clientX+scrollTop+'px';
        oDiv.style.top=oEvent.clientY+scrollTop+'px';
        
    };
</script>
<style>
    #div1{ width:200px; height:200px; background:red; position: absolute;}
</style>
</head>


<body style="height:2000px;">
<div id="div1"></div>
</body>
</html>


[此贴子已经被作者于2016-7-21 17:31编辑过]

搜索更多相关主题的帖子: function content PUBLIC title 
2016-07-21 17:29
badzj
Rank: 1
等 级:新手上路
帖 子:4
专家分:0
注 册:2016-7-21
收藏
得分:0 
效果图:
图片附件: 游客没有浏览图片的权限,请 登录注册
图片附件: 游客没有浏览图片的权限,请 登录注册
图片附件: 游客没有浏览图片的权限,请 登录注册

每次按鼠标下滑top 和left就会增加。不会跟着鼠标
2016-07-21 17:39
badzj
Rank: 1
等 级:新手上路
帖 子:4
专家分:0
注 册:2016-7-21
收藏
得分:0 
已解决。。谢谢
2016-07-21 17:58
快速回复:求助:Div(onmousemove)跟随鼠标,scrollTop之后按鼠标滑轮div与鼠标不 ...
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.025589 second(s), 9 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved