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的样式。
阅读更多
文章标签: jQuery 鼠标移动
想对作者说点什么? 我来说一句

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

关闭
关闭
关闭