jquery鼠标滑动,鼠标滑动事件 jquery

如何用jQuery实现div随鼠标移动而移动

用jQuery实现div随鼠标移动而移动方法：

让div随着鼠标走，需要知道几个关键点

如何获取鼠标的横纵坐标。如何让div在别的html代码上移动。

var xx = e.originalEvent.x || e.originalEvent.layerX || 0;

var yy = e.originalEvent.y || e.originalEvent.layerY || 0;

$('#month').css({top: yy, left: xx});//注意这是用css的top和left属性来控制div的。

还有个注意的地方，div要设置成绝对位置才可以。

position: absolute;

只有这样div才能在其他的显示元素上面随便移动。

相关问答

Q1: 怎么用jQuery实现鼠标移入样式滑动显示

采用以下方法：

jQuery slideDown()

jQuery slideUp()

jQuery slideToggle()

参考：

Q2: js或jq怎么实现滚轮控制页面上下滑动

jQuery监听鼠标滚轮(滚动)事件

第一步：下载jquery-mousewheel插件

第二步：复制以下代码做测试，打开日志看效果

jQuery(function($) {

$('#nav')

.bind('mousewheel', function(event, delta) {

var dir = delta 0 ? 'Up' : 'Down';

if (dir == 'Up') {

console.log(“向上滚动， ”);

} else {

console.log(“向下滚动， http: //blog.csdn.net/u011627980”);

}

return false;

});

});

}

Q3: jquery中鼠标移上和移开的动作是什么？

mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发，mouseout事件于用户把鼠标移出一个元素时触发。\x0d\x0a下面为你详细介绍下jquery中的鼠标事件：\x0d\x0a(1):click事件：click事件于用户在元素敲击鼠标左键，并在相同元素上松开左键时触发；\x0d\x0a$('p').click(function(){\x0d\x0aalert('click function is running\x0d\x0a!');\x0d\x0a});\x0d\x0a(2):dbclick事件：dbclick事件在用户完成迅速连续的两次点击之后触发，双击的速度取决于操作系统的设置。一般双击事件在页面中不经常使用；\x0d\x0a$('p').dbclick(function(){\x0d\x0aalert('dbclick function is running\x0d\x0a!');\x0d\x0a});\x0d\x0a(3):mousedown事件：mousedown事件在用户敲击鼠标键时触发，跟keydown事件不一样，该事件仅在按下鼠标时触发；\x0d\x0a$('p').mousedown(function(){\x0d\x0aalert('mousedown function is\x0d\x0arunning !');\x0d\x0a});\x0d\x0a(4):mouseup事件：mouseup事件在用户松开鼠标时触发，如果在与按下鼠标的元素相同元素上松开，那么click事件也会触发；\x0d\x0a$('p').mouseup(function(){\x0d\x0aalert('mouseup function is running\x0d\x0a!');\x0d\x0a}).click(function(){\x0d\x0aalert('click\x0d\x0afunction is running too !');\x0d\x0a});\x0d\x0a(5):mouseover事件：mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发，如果需要知道来自那个元素可以使用，relatedTagrget属性；\x0d\x0a(6):mouseout事件：mouseout事件于用户把鼠标移出一个元素时触发，这包括从父元素移动到子元素上，或者使用键盘跳到元素上。