DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 擴展Jquery插件處理mouseover時內部有子元素時發生樣式閃爍
擴展Jquery插件處理mouseover時內部有子元素時發生樣式閃爍
編輯:JQuery特效代碼     
解決思路如下:
首先,判斷事件的當前節點,也就是jquery的currentTarget是否在target的包含中,即下面的擴展$.containsNode。
然後,在調用hover的時候的mouseover和mouseout事件裡判斷currentTarget是否在target的包含中,即$.fn.fhover擴展
下面就是相關代碼:
. 代碼如下:
$.containsNode = function(parentNode, childNode) {
if (parentNode.contains) {
return parentNode != childNode && parentNode.contains(childNode);
} else {
return !!(parentNode.compareDocumentPosition(childNode) & 16);
}
}
$.fn.fhover = function(over, out) {
this.hover(function(e) {
if ($.containsNode(e.target, e.currentTarget)) {
return;
}
over.call(this, e);
}, function(e) {
if ($.containsNode(e.target, e.currentTarget)) {
return;
}
out.call(this, e);
});
return this;
}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved