Jquery实现文字跟随鼠标移动-水中残月-ChinaUnix博客

个人简介

程序猿啊程序猿

文章分类

文章存档

2016年（28）

2015年（14）

我的朋友

最近访客

推荐博文

Jquery实现文字跟随鼠标移动

分类： JavaScript

2016-01-21 13:59:50

点击(此处)折叠或打开

<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(function () {
//e为事件名；
$(document).mousemove(function (e) {
var x=e.pageX;
var y=e.pageY;
$("p").text("X:" + e.pageX + " Y:" + e.pageY);//在P元素中显示鼠标坐标
$("#monse").css({top:y,left:x})//给div块添加跟随鼠标移动的固定定位
});
});
</script>
</head>
<body>
<p>
</p>
<div id="monse" style="position: absolute;height:30px;width:200px;line-height: 30px;text-align: center;top:100px;left:100px;color:red">这段文字跟随鼠标哦</div>
</body>
</html>

阅读(1405) | 评论(0) | 转发(0) |

给主人留下些什么吧！~~

感谢所有关心和支持过ChinaUnix的朋友们