jquery.hover jquery hover用法

jQuery中如何绑定和取消hover事件(附代码)

(#btn).click()；触发自定义事件 bind()方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。

创新互联建站主要为客户提供服务项目涵盖了网页视觉设计、VI标志设计、成都全网营销推广、网站程序开发、HTML5响应式网站建设、手机网站制作设计、微商城、网站托管及成都网站维护、WEB系统开发、域名注册、国内外服务器租用、视频、平面设计、SEO优化排名。设计、前端、后端三个建站步骤的完善服务体系。一人跟踪测试的建站服务标准。已经为成都铜雕雕塑行业客户提供了网站改版服务。

hover([over，]out)一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。

总的来说就是先给#dd绑定hover事件，再用trigger触发mouseleave事件，有了计时器，轮番调用scroll_news()函数。如果鼠标移到#dd上面，停止计时器。

JQuery使用on方法如何绑定hover事件的代码案例

1、肯定是先引入jquery库，可以选择下载本地引用，也可以在线引用。on函数，这个是guan 方推荐使用的函数，因为其他方法都是内部调用on来完成的，直接使用on可以提高效率。

2、新建一个静态页面bind.html，并引入jquery核心文件。在标签中，插入一个button按钮，添加id属性值。在标签中，添加按钮点击事件，利用on()方法绑定。

3、jQuery绑定点击事件可以使用其绑定事件函数 jquery中四个事件绑定方式（bind，live，delegate，on）bind()简要描述 bind()向匹配元素添加一个或多个事件处理器。

4、jQuery事件的绑定和委托可以用多种方法实现，on() 、 bind() 、 live() 、 delegate() ，还有one()。

5、which accepts one or two functions.--- 也就是说这个事件从9被弃用了。

jQuery如何实现鼠标悬停导航下划线滑出的效果

在标签a下加了一个高度为0的div， 设置div的border为1px； 然后当鼠标移动到a上的时候这个div的width缓慢增加到100%，可以用jquery的animate（）实现。

这个用html和css里就可以做。里面让li的内容为一个div，让盒子绝对定位，属性display：none，给这个li里的超链接加个伪类，属性为disply：block，就可以实现 juqery用到的知识一个鼠标悬浮触发事件，下拉列表的重点在绝对定位。

实现原理：刚开始框就存在了，只不过透明度为全透明，鼠标移入后透明度不透明就显示出来了，框稍微动画一些的话就用到css3的旋转之类的了。