Javascript Ajax Tabs

來源:互聯網
上載者:User

導讀:
  
  在頁面上的Tab功能是最常用的,這樣可以節省很多版面。而完成這樣的Tab功能的Javascript Ajax,有多種選擇,其中常用有以下若干種:
  
  1jQuery Coda Slider具在很好的動態效果
  
  
  
  2. Tab Accordion這個比較漂亮
  demo網址:http://www.nyokiglitter.com/tutorials/tabs.html
  
  
  
  3. Perspective–雖然介面做得難看一點,不過上面的Tab是可以自動調整的,有個性
  
  
  4. XP Style Tab Panes這個使用起來很方便及簡單,說明文檔比較全,效果也不錯,感覺很像windows XP的風格
  Demo地址:http://www.dhtmlgoodies.com/scripts/tab-view/tab-view-demo2.html
  http://www.dhtmlgoodies.com/index.html?whichScript=tab-view
  
  
  5Ajax Tabs比較適合大點資料量的ajax tab,不過網站做得不怎樣
  http://actsasflinn.com/Ajax_Tabs/index.html
  
  
  
  
  6Tabs in Scriptaculous這裡的控制項不少,除了這個外,還有其它的,值得一看
  7. Ajax Tabs Reloaded可以動態載入Tab,效果可以。適合Tab不確定的情況下
  
  8jQuery Nested Tab效果像XP介面,不錯。同時,還可以在Tab裡再套Tab,感覺很適用。推薦。
  http://blog.cutterscrossing.com/index.cfm/2007/6/15/Updated-JQuery-Nested-Tab-Set-with-Demo
  
  

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.