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的样式。