让图片跟随鼠标移动

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>

 

  • 0
    点赞
  • 0
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值