DIV CSS 佈局教程網

jQuery hover事件
編輯:JQuery特效代碼     
hover(over,out)一個模仿懸停事件(鼠標移動到一個對象上面及移出這個對象)的方法。這是一個自定義的方法,它為頻繁使用的任務提供了一種“保持在其中”的狀態。


  當鼠標移動到一個匹配的元素上面時,會觸發指定的第一個函數。當鼠標移出這個元素時,會觸發指定的第二個函數。而且,會伴隨著對鼠標是否仍然處在特定元素中的檢測(例如,處在div中的圖像),如果是,則會繼續保持“懸停”狀態,而不觸發移出事件(修正了使用mouseout事件的一個常見錯誤)。

參數 :
over (Function) : 鼠標移到元素上要觸發的函數
out (Function): 鼠標移出元素要觸發的函數

示例 :
鼠標懸停的表格加上特定的類

jQuery 代碼:

$("td").hover(
function () {
$(this).addClass("hover");
},
function () {
$(this).removeClass("hover");
}
);

當然,也可以只指定一個方法,就是鼠標移入元素要觸發的函數:
$("#idhovertree").hover(
function () {
$(this).addClass("hover");
}
);
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved