<script type="text/javascript" src="http://shots.snap.com/snap_shots.js?ap=1&key=c6c1dfdfa4fb58bd688533c056425f3f&sb=1&th=ice&cl=0&si=0&po=0&df=0&oi=0&lang=en-us&domain=blog.csdn.net/softwave"></script>
常用的几种 Javascript Ajax Tabs
在页面上的Tab功能是最常用的,这样可以节省很多版面。而完成这样的Tab功能的Javascript Ajax,有多种选择,其中常用有以下若干种:
1.jQuery 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
5.Ajax Tabs – 比较适合大点数据量的ajax tab,不过网站做得不怎样
http://actsasflinn.com/Ajax_Tabs/index.html
6.Tabs 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
8.jQuery Nested Tab – 效果像XP界面,不错。同时,还可以在Tab里再套Tab,感觉很适用。推荐。
http://blog.cutterscrossing.com/index.cfm/2007/6/15/Updated-JQuery-Nested-Tab-Set-with-Demo
摘自【http://webdev.csdn.net/page/f5efe149-0e5f-414e-be7b-01263dcadcd0】
<!-- Google Reader shared发布代码开始 --> <script type="text/javascript" src="http://www.google.com/reader/ui/publisher.js"></script><script type="text/javascript" src="http://www.google.com/reader/public/javascript/user/00697638153916680411/state/com.google/broadcast?n=5&callback=GRC_p(%7Bc%3A%22green%22%2Ct%3A%22%5Cu8FD9%5Cu4E9B%5Cu6587%5Cu7AE0%5Cu4E5F%5Cu503C%5Cu5F97%5Cu4E00%5Cu770B%22%2Cs%3A%22false%22%7D)%3Bnew%20GRC"></script><!-- Google Reader shared发布代码结束 -->
分享到:
相关推荐
内容索引:脚本资源,Ajax/JavaScript,AJAX,Tabs Sweet AJAX Tabs 动感Tab切换,鼠标点击后有一个动画光标指向当前的Tab,每一个Tab可设置不同的内容,比如一个列表,一些图文混排的内容,很不错。
• 包含40多个图形界面控件, 例如标签(Tabs),窗口对话框(Dialog),树型表格(TreeGrid),时间线(TimeLine)等等. • 多浏览器兼容, 包括IE6+, firefox1.5+, opera9+, safari3+ 和 Google Chrome. • 大量的API文档 和...
Simple Tabs 简单的Tabs——选项卡菜单切换插件,橘子香水原创,兼容IE6,7,FF1.5,FF3.0,ie8下样式有一点问题,刷新页面后仍然可以保持被激活的选项卡,其中样式借用了jquery的ui-tab的样式,JS部分...
内容索引:脚本资源,Ajax/JavaScript,Tab,选项卡,标签切换 Simple Tabs 简单的Tabs——选项卡菜单切换插件,橘子香水原创,兼容IE6,7,FF1.5,FF3.0,ie8下样式有一点问题,刷新页面后仍然可以保持被激活的选项卡,...
13.1 常见JavaScript编程错误 377 13.1.1 没有结束符号 377 13.1.2 引号 381 13.1.3 使用保留字 382 13.1.4 条件语句中的单个等号 383 13.1.5 区分大小写 384 13.1.6 外部JavaScript文件的路径不正确 384 13.1.7 ...
龙博AJAX框架是跨浏览器的JavaScript开放源代码框架集,是构建富web应用的利器. 龙博AJAX框架 4.0 主要更新如下: 主要更改是Ajax,相应的后台和DataBinder,可以直接绑定JSON/XML/SOAP远程服务,由于与以前不...
内容索引:脚本资源,Ajax/JavaScript,选项卡,菜单 多功能网页Tabs,选项卡菜单,在每个选项卡内可定义不同的布局版式,第一个选项卡是一个列表,第二个则是一个图文混排的菜单,第三个则是一个带有动画走马灯的内容...
:rocket: 从2021到高级JavaScript和TypeScript课程 :open_book: 关于 ...异步Javascript(具有Promise,Ajax,Axios和Fetch API) Webpack和Babel(用于在较旧的浏览器中使用现代功能) Node.js(基本Node + Ex
此 激活了AJAX的UI组件使你能够为你的站点或WEB应用程序添加功能丰富和绚丽的 tabs. 在一个WEB页面上此控件能够很容易地被初始化,它使创建 DHTML tab变得异常轻松。你仅需在页面上指派任意元素(eg:DIVS)到Tabbar的...
JavaScript的10种跨域共享方法 JavaScript类型总览 JavaScript获取文本框光标的像素位置 js函数match、exec、test、search、replace、split使用介绍 技巧:Javascript使用隐藏的new来创建对象 禁止页面全选复制,...
只需调用您的javascript: $ ( '.Tab' ) . tabs ( ) ; 并且您拥有功能齐全的选项卡! 随心所欲地调用它。 它只会将事件绑定到每个模块一次。 如果您加载了 AJAX 内容,请再次调用它,它只会为尚未初始化的模块...
Jquery插件 1.jQuery UI Tabs ...Mootabs是mootools1.1实现的一个微型插件,可以通过ajax来加载tab。 4.Pluggable MooTools Tabs 5.Sliding Tabs Sliding Tabs也是基于mootools1.1实现的,如果你是在使
dom属性操作,javascript完美OO实现,javascript线程,高级Ajax,强大的DragDrop,超级控件(可在外观/模板/行为/数据模型四个维度上定制的标准控件,可完全自定义控件)等。 jsLinb is a Cross-Browser javascript ...
龙博AJAX框架是跨浏览器的javascript开放源代码框架集,是构建富web应用的利器.龙博AJAX框架 4.0 主要更新如下: 主要更改是Ajax,相应的后台和DataBinder,可以直接绑定JSON/XML/SOAP远程服务,由于与以前不兼容...
From there, we will make our way towards more advanced usages of each tab, such as CSS development, JavaScript development, and DOM modification. This will aid us during client-side development and ...
其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...
Creating a client-side JavaScript tabbed panel 140 Using borders to decorate components 143 Creating a collapsible border 148 Chapter 7: Deeper into Ajax 157 Introduction 157 Adding Ajax ...
Chapter 5 Menus, Tabs, Tooltips, and Panels . . . . . . . . 135 Chapter 6 Construction, Ajax, and Interactivity . . . . . . 181 Chapter 7 Forms, Controls, and Dialogs . . . . . . . 231 Chapter 8 Lists...
传统的JavaScript方法实现Ajax功能 load()方法实现Ajax功能 getJSON函数获取数据 getScript函数获取数据 get实现异步获取xml文档数据 $.get发送请求 $.post发送请求 serialize()序列化表单 $.ajax()方法发送...
在软件体系架构设计中,分层式结构是最常见,也是最重要的一种结构。微软推荐的分层式结构一般分为三层,从下至上分别为:数据访问层、业务逻辑层(又或称为领域层)、表示层。 1:数据访问层:主要是对非原始数据...