DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 使用JQuery快速實現Tab的AJAX動態載入(實例講解)
使用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");});
    }

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved