js跟着鼠标移动的文字

最新推荐文章于 2024-09-20 11:38:47 发布

Just do it

最新推荐文章于 2024-09-20 11:38:47 发布

阅读量189

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/liyajie/p/3388613.html

版权

废话不多说,直接上代码,有注释:

 1 <head>
 2     <title></title>
 3     <style type="text/css">
 4         span
 5         {
 6             position: absolute;/*给span才去绝对定位*/
 7         }
 8     </style>
 9     <script src="js/jquery-1.9.0.js" type="text/javascript"></script>
10     <script type="text/javascript">
11         $(function () {
12             //为什么给document加鼠标移动事件而不是body呢,因为body相当于一div,是块级元素,他的大小根据内容的多少而定
13             $(document).mousemove(function (e) {//给鼠标添加移动事件
14                 //e.pageX 和 e.pageY就是获取鼠标的坐标,分别设置给span的left和top
15                 $("#span1").css({ left: e.pageX, top: e.pageY });
16             });
17         });
18     </script>
19 </head>
20 <body>
21     <span id="span1">鼠标在这呢~~~</span>
22 </body>