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 鼠标移动
想对作者说点什么? 我来说一句

jquery div 跟随鼠标移动

mhhyoucom mhhyoucom

2014-03-25 09:38:37

阅读数:2887

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

不良信息举报

jQ实现跟着鼠标移动

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭