DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> hover的用法及live的用法介紹(鼠標懸停效果)
hover的用法及live的用法介紹(鼠標懸停效果)
編輯:JQuery特效代碼     
. 代碼如下:
// 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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved