但是由于javascript的dom事件传播机制,不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件,不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。
所有jquery提供了mouseenter和mouseleave事件来终止事件传播,使事件只发生在选中的元素上。
只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。
只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。
例
Modoer 是一款以本地分享,多功能的点评网站管理系统。采用 PHP+MYSQL 开发设计,开放全部源代码。因具有非凡的访问速度和卓越的负载能力而深受国内外朋友的喜爱,不局限于商铺类点评,真正实现了多类型的点评,可以让您的网站点评任何事与物,同时增加产品模块,也更好的网站产品在网站上展示。Modoer点评系统 2.5 Build 20110710更新列表1.同步 旗舰版系统框架2.增加 限制图片
jQuery中的mouseenter和mouseleave事件
兼容IE6的mouseenter和mouseleave事件
在IE6下,鼠标移上所指的内容,会闪来闪去,所以用jQuery里mouseenter和mouseleave,
额,这语法很怪异,我从来没见过这样的。
恩,收集起来,作为参考吧。
$(document).ready(function(){
$(".search-photo-img").mouseenter(function(){
$(this).css("background","url(module/search/templates/default/images/photo-img-onbg.gif)").mouseleave(function(){
$(this).css("background","");
});
});
});









