jquery鼠标停在那个元素上，jquery的鼠标移入事件

jquery实现下面效果,鼠标移到span标签内,下面的出现相应的图片,鼠标移...

jquery给所有的图片所在div加上鼠标悬停事件，然后得到鼠标所在div（可以通过class/id）元素，再修改div的css样式，隐藏就是display：none。

下载文件：实现鼠标放在图片上显示一个播放图标.zip|用脚本（js或jquery）实现：onmouseover的时候显示播放按钮层(div)，onmouseout的时候再隐藏播放按钮层。用css实现：hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。如下是我做的一个小案例(css实现)，比较简单，提供一种思路。

position：absolute 里的 absolute要加单引号， 因为它不是变量。

如果是向下的移动的话，jQuery就有现成的效果。需要向上的这种效果的话，就需要稍微复杂点了。这种也可以用css3的动画制作，关键就是你要理解，这个效果是如何实现的。鼠标移入前和移入的时候，页面的代码是怎么变的。

你只要明白事件触发的顺序就知道原因了：当你鼠标移到div上的时候，触发mouseenter事件，点击的时候触发click事件，然后鼠标移走触发mouseleave事件。

相关问答

Q1: jquery实现鼠标悬停移动显示隐藏span

1、jquery给所有的图片所在div加上鼠标悬停事件，然后得到鼠标所在div（可以通过class/id）元素，再修改div的css样式，隐藏就是display：none。

2、zip|用脚本（js或jquery）实现：onmouseover的时候显示播放按钮层(div)，onmouseout的时候再隐藏播放按钮层。用css实现：hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。如下是我做的一个小案例(css实现)，比较简单，提供一种思路。【源代码见附件，仅供学习参考使用】。

3、(li).hover(function(){ //你要显示的层，div放到li里面。

4、http：//blog.csdn.net/eadio/article/details/23947281 看下这个博文，你有没有吧下拉装在父元素allspan里面，要装这里就不会了，还有感觉hover比较好用。。

Q2: jquery元素悬停效果

1、鼠标离开li元素，移到div上div不消失。这个还要结合css，通过相对定位（绝对也行），利用他们的层叠性z-index，使div在li下面。

2、(li).hover(function(){ //你要显示的层，div放到li里面。

3、zip|用脚本（js或jquery）实现：onmouseover的时候显示播放按钮层(div)，onmouseout的时候再隐藏播放按钮层。用css实现：hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。如下是我做的一个小案例(css实现)，比较简单，提供一种思路。【源代码见附件，仅供学习参考使用】。

4、jquery给所有的图片所在div加上鼠标悬停事件，然后得到鼠标所在div（可以通过class/id）元素，再修改div的css样式，隐藏就是display：none。

5、使用CSS TRANSITION的圆形悬停效果关于如何使用CSS transition和3D rotate属性的与众不同的圆形悬停效果的教程。轻松搞定调色！绝对专业化水准的《摄影师必备滤镜NIK COLLECTION详解，让你成为调色大师》3D略缩图悬停效果使用CSS 3D transform和jQuery创建的3D略缩图悬停效果。

Q3: jquery获取鼠标在父元素的坐标

结构如下：index() 方法返回指定元素相对于其他指定元素的 index 位置。

首先，打开html编辑器，新建html文件，例如：index.html，编写基础代码。

jquery设置一个div的坐标：\x0d\x0ajquery设置DIV坐标位置的方法是通过offset实现的。

offsetWidth 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。

jquery获取当前元素的坐标 1，获取对象 var obj = $(#id号)； 或 var obj = $(this)；实例中我获取的对象是弹出窗口按钮，这样创建的新窗口就会根椐按钮的位置进行调整，实例中将创建的新窗口显示的按钮的右下角。

Q4: jquery中鼠标移上和移开的动作是什么?

1、mouseenter(进入)、mouseleave、mouseover(覆盖)和mouseout是常用来判断鼠标移出和移入的事件句柄，虽然功能上差不多，但是细节却有不同的地方。mouseover和mouseout在父元素和其子元素都可以触发，当鼠标穿过一个元素时，触发次数得依子元素数量而言。

2、//mousemove事件是mouse鼠标只要在按钮上面移动，就会触发的事件。

3、参考以下代码，选中input标签时记录原值，输入字符或其它事件需要时返回原值。var jiu=；//存储原值为以后改回原值用。

4、on)；//先移去左右nav的绿色背景样式$(this).addClass(on)；//在在这个目录上加上绿色背景样式})；你先在样式里写好li的背景，然后在写一个绿色的背景样式类，鼠标划过的时候先移除所有这个class在在这个划过的li上添加这个class，就可以了。

jquery鼠标停在那个元素上的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery的鼠标移入事件、jquery鼠标停在那个元素上的信息别忘了在本站进行查找喔。