一、关于鼠标hover事件及延时 鼠标经过事件为web页面上非常常见的事件之一。简单的hover可以用CSS :hover伪类实现，复杂点的用js。 一般情况下，我们是不对鼠标hover事件进行延时处理。但是，有时候，为了避免不必要的干扰，常会对鼠标hover事件进行延时处理。所谓干扰，就是当用户鼠标不经意划过摸个链接，选项卡，或是其他区域时，本没有显示隐藏层，或是选项卡切换，但是由于这些元素上绑定了hover事件（或是mouseover事件），且无延时，这些时间就会立即触发，反而会对用户进行干扰。 例如，在腾讯网首页，几乎对所有的鼠标经过事件进行了延时处理，例如其选项卡： [img]http://files.jb51.net/file_images/article/201404/201404141551202.png[/img]   或是其顶部的搜搜导航条，见下图： [img]http://files.jb51.net/file_images/article/201404/201404141551203.png[/img]   二、实例及演示 本文的主要内容就是展示我前几天写的鼠标延迟的方法，jQuery下的方法，水平拙劣，仅供参考。本文就以腾讯网首页搜搜搜索栏的一些鼠标经过效果为实例，演示jQuery下的延时处理。下图为demo页面的效果截图： [img]http://files.jb51.net/file_images/article/201404/201404141551204.png[/img]   三、代码与实现 说到延时，离不开window下的setTimeout方法，本实例的jQuery方法的核心也是setTimeout。代码不长，完整如下： 与先首页代码几乎一致，如假包换。应用了本文没什么技术含量的延迟方法后，可以应用如下的代码实现延迟执行。 唉，惭愧，代码就这样，没什么技术含量的，希望对有用的有用吧。“更多”的下拉鼠标移出后1000毫秒后下拉框隐藏。 基本上都是代码在撑页面，说点有用的东西吧。 hoverDelay方法共四个参数，表示意思如下： hoverDuring       鼠标经过的延时时间 outDuring          鼠标移出的延时时间 hoverEvent        鼠标经过执行的方法 outEvent         鼠标移出执行的方法