使用JQuery快速實現Tab的AJAX動態載入(實例講解)_jquery

1.找到鏈接源,我這里是一串的Li下的鏈接

2.處理樣式

3.當鼠標移過時載入鏈接源的網站到指定容器,并切換樣式讓點擊事件返回false,這里不會應該點擊到鏈接源網頁

5.Over了.

腳本:
代碼如下:
{
//homeNews
var tid = "#homeNews";//removeTabBold
var lvTabs = $(tid);
if(lvTabs != null)
{
lvTabs.find("a").each(function(){$(this).click(function(){return false;});$(this).mouseover(function(){
removeTabBold(tid);$(this).addClass("bold");
$(this).parent().addClass("lvbg");
$('#HomeNewsList').load($(this).href());
return false;})});
}
}
function removeTabBold(LvTabId)
{

$(LvTabId).find("a").each(function(){
$(this).removeClass("bold");
$(this).parent().removeClass("lvbg");
$(this).parent().parent().parent().removeClass("lvp");});
}

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com