jQ实现跟着鼠标移动

这个重要是用了pageY和pageX这两个属性。

$(window).mousemove(function (e) {
// 兼容性写法(js中需要&jQ中帮助我们实现了兼容性判断)
// console.log('你在移动');
// console.log(e);
console.log(e.pageX+'|'+e.pageY);

// 修改 div的位置
// .css({top,left})

// jQ提供了一个方法 使用方法设置
$('div').offset({
top:e.pageY-$('div').height()/2,
left:e.pageX-$('div').width()/2
})
})
 这个时候,如果给div设置相应的样式,那么就可以发现鼠标展示出来的是这个div的样式。

没有更多推荐了,返回首页

私密
私密原因:
请选择设置私密原因
  • 广告
  • 抄袭
  • 版权
  • 政治
  • 色情
  • 无意义
  • 其他
其他原因:
120
出错啦
系统繁忙,请稍后再试

关闭