jQuery图片随鼠标移动的案例

html部分

JQ部分

 

//event 参数来自事件绑定函数。

01.event.pageX： 属性返回鼠标指针的位置，相对于文档的左边缘。

提示：该事件属性通常与 event.pageY 属性一起使用。

02. event.pageY： 属性返回鼠标指针的位置，相对于文档的上边缘。

提示：该事件属性通常与 event.pageX 属性一起使用。

注意事项: 属性event.clientX(Y)与even.pageX(Y) 在JavaScript中都可使用且效果基本相同，反之在jQuery中只有后者可以使用。

03.unbind() 方法移除被选元素的事件处理程序。

该方法能够移除所有的或被选的事件处理程序，或者当事件发生时终止指定函数的运行。

注意：如果未规定参数，则 unbind() 方法会删除指定元素的所有事件处理程序,且unbind() 方法适用于任意由 jQuery 添加的事件处理程序。

语法: $(selector).unbind(event,function,eventObj)

event: 规定一个或多个要从元素上移除的事件。

function: 规定从元素上指定事件取消绑定的函数名称。

eventObj: 规定要使用的移除的 event 对象。这个 eventObj 参数来自事件绑定函数。