让图片跟随鼠标移动

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>

猜你喜欢

转载自blog.csdn.net/hst_gogogo/article/details/99208694