js跟着鼠标移动的文字

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

 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>


没什么特效,仅仅是跟着移动而已

posted @ 2013-10-25 21:34  李亚杰  阅读(328)  评论(0)  编辑  收藏  举报