让图片跟随鼠标移动

最新推荐文章于 2024-06-03 13:46:57 发布

hst_gogogo

最新推荐文章于 2024-06-03 13:46:57 发布

阅读量2.7k

点赞数

文章标签：鼠标移动图片跟随

本文链接：https://blog.csdn.net/hst_gogogo/article/details/99208694

版权

1.监听鼠标移动事件mousemove
2.获取鼠标位置 clientX/Y
3.根据鼠标坐标改变图片位置

	<img src="img/login/mouseover1.gif" id="lamb" />
		
		<script type="text/javascript">
			$(function(){
				$(document).mousemove(function(eve) {
					//一开始光标所对应的是图片左上角，让光标指向图片中心，各减去一半
					$('#lamb').css('left', eve.clientX+50);
					$('#lamb').css('top', eve.clientY+50);
				})
			});				
		</script>