posts - 309, comments - 6940, trackbacks - 0, articles - 3
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

常用的几种 Javascript Ajax Tabs

Posted on 2007-11-01 13:12 诗特林 阅读(5054) 评论(5)  编辑  收藏 所属分类: JavaScript
                                             

常用的几种 Javascript Ajax Tabs


 

在页面上的Tab功能是最常用的,这样可以节省很多版面。而完成这样的Tab功能的Javascript Ajax,有多种选择,其中常用有以下若干种:

 

1jQuery Coda Slider具在很好的动态效果

demo网址:http://www.ndoherty.com/demos/coda-slider/1.1/#1

 

2. Tab Accordion这个比较漂亮

demo网址:http://www.nyokiglitter.com/tutorials/tabs.html

  

3. Perspective–虽然界面做得难看一点,不过上面的Tab是可以自动伸缩的,有个性

       http://people.cs.uchicago.edu/~meweltman/sliding_tabs.html


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这里的控件不少,除了这个外,还有其它的,值得一看

http://wiki.script.aculo.us/scriptaculous/show/Demos


7. Ajax Tabs Reloaded可以动态加载Tab,效果可以。适合Tab不确定的情况下

 http://blog.fueledsoftware.com/m/blogs/fueleddev/demos/demo.html

 

8jQuery Nested Tab 效果像XP界面,不错。同时,还可以在Tab里再套Tab,感觉很适用。推荐。

http://blog.cutterscrossing.com/index.cfm/2007/6/15/Updated-JQuery-Nested-Tab-Set-with-Demo


参考:http://tutorialblog.org/10-javascript-ajax-tabs/

评论

# re: 常用的几种 Javascript Ajax Tabs  回复  更多评论   

2007-11-01 18:17 by esmiles
这个不错,值得收藏。谢谢!

# re: 常用的几种 Javascript Ajax Tabs  回复  更多评论   

2007-11-05 21:30 by zuiwan
很好,值得收藏
ycjian1982@gmail.com

# re: 常用的几种 Javascript Ajax Tabs  回复  更多评论   

2007-11-06 13:39 by 李大侠
嵌套是都能嵌套了

# re: 常用的几种 Javascript Ajax Tabs  回复  更多评论   

2008-01-10 00:33 by ejzhang
收藏了,太好了!

# re: 常用的几种 Javascript Ajax Tabs  回复  更多评论   

2008-04-25 09:50 by 龙心荷
总结的很全面啊,还不错,我也来推荐一个,ext的扩展,是yahoo公司做的,也很漂亮的!

只有注册用户登录后才能发表评论。


网站导航: