<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<style type="text/css">
#float
{
position: absolute;
width: 100px;
height: 50px;
border: solid 1px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="float">
鼠标跟随效果
</div>
</form>
<script type="text/javascript">
$(function() {
$(document).mousemove(function(e) {
$("#float").css("left", e.pageX).css("top", e.pageY);
});
});
</script>
</body>
</html>
JQuery鼠标跟随效果
原创
©著作权归作者所有:来自51CTO博客作者282030166的原创作品,请联系作者获取转载授权,否则将追究法律责任
上一篇:JQuery 获取元素位置
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
js实现图片跟随鼠标移动效果
<head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box { width: 1000px; height:
跟随鼠标移动效果 css javascript 偏移量 JavaScript -
跟随鼠标指针跑的div拖拽效果html xml sed
-
图片悬停 DirectionAwareHoverEffect 跟随鼠标方向悬停效果(精)
图片悬停 DirectionAwareHoverEffect 跟随鼠标方向悬停效果(精),话说以前看到这个很流行呢。 查看原文查看在线演示Demo和更多原文内容教程:
跟随鼠标悬停动画 图片悬停跟随鼠标方向 有方向感的图片悬停 方向感的鼠标悬停图片 悬停 -
jquery鼠标滑过效果 jquery鼠标拖动
近日项目中要做一个鼠标拖拽层的效果,于是手动使用Jquery做了一个,发出来跟大伙儿分享一下,并希望能得到高手的指点,如果哪位大侠觉得我的思路和代码不正确或者需要改进的话,希望能指点一二,在下感激不尽。 我的思路是这样的:  
jquery鼠标滑过效果 javascript xhtml ViewUI html