hover的用法及live的用法介绍(鼠标悬停效果)

219 阅读 0 评论 145 点赞

我是靠谱客的博主虚拟橘子，最近开发中收集的这篇文章主要介绍hover的用法及live的用法介绍(鼠标悬停效果)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
// live主要用于对动态加载出来的元素绑定事件 
// 产品目录 
$(".lm_div_q dd").live({ 
mouseenter: function() { 
$(this).find("strong").addClass("tj_strong"); 
$(this).find("strong").next().slideDown(200); // 显示下拉框 
}, 
mouseleave: function() { 
$(this).find("strong").removeClass("tj_strong"); 
$(this).find("strong").next().slideUp(200); // 隐藏下拉框 
} 
}); 
// hover直接绑定事件<PRE class=javascript name="code">// 产品目录 
$(".lm_div_q dd").hover(function(){ 
$(this).find("strong").addClass("tj_strong"); 
$(this).find("strong").next().stop(true,true).slideDown(200); // 显示下拉框 
},function(){ 
$(this).find("strong").removeClass("tj_strong"); 
$(this).find("strong").next().stop(true,true).slideUp(200); // 隐藏下拉框 
});</PRE><BR> 
<BR> 
<PRE></PRE> 
<BR> 
<BR> 