立即登录 马上注册
首页 › 开发帮助文档 › 开发技术 › jq练习 envent事件 pageX 跟随鼠标移动

赞

评论

收藏

[jQuery] jq练习 envent事件 pageX 跟随鼠标移动

开发技术 开发技术 发布于：2021-07-10 15:08 | 阅读数：180 | 评论：0

　　<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
              *{
    margin:0;
    padding:0;
    list-style:none;}
    
.test{
height:500px;
width:800px;
margin:0 auto;
margin-top:100px;
background-color:gray;}
label{
border:1px solid;
position:relative;
top:100px;
left:100px;
}
    </style>
     <script src="js/jquery-3.3.1.js"></script>
</head>
<body>


    <label>click me</label>


   <div class="test"></div>
    <script>
$(document).ready(function(e) {
           $(".test").mousemove(function(e){
    console.log(e.pageX+":"+e.pageY);
    $("label").css({"left":e.pageX,"top":e.pageY});
    });
        });
    </script>
</body>
</html>

　　
关注下面的标签，发现更多相似文章
免责声明：

1. 本站所有资源来自网络搜集或用户上传，仅作为参考不担保其准确性！

2. 本站内容仅供学习和交流使用，版权归原作者所有！© 查看更多

3. 如有内容侵害到您，请联系我们尽快删除，邮箱：kf@codeae.com

分享到： QQ好友和群QQ好友和群 QQ空间QQ空间

举报

返回列表
相关帖子
avatar
1502 经验
1502 文档
OPNE在线字典
  • 手机版| 免责声明|
2021-2025  版权所有：CodeAE代码之家   
粤ICP备2023096576号-2