Ajax Tabs Content Script (v 2.0)

AJAX实现的TAB脚本控件源代码

2008年01月20日

AJAX, CSS

这是一个非常通用的AJAX开发的Tab控件，可以从一个外部文件中载入内容到DIV控制的TAB页内容。这个程序非常健壮，且有很多比较实际的功能，如，随时保持最新的TAB页内容（不断刷新该TAB页)，支持TAB嵌套，另外，与AJAX同时，这个页内容还可以通过IFRAME加载（这样保证不能被ajax正常加载的有JavaScript或CSS页面，也可以正常加载）；在页面没有被加载完成时，显示一个默认页面内容；支持SESSION，也就是说会记住当前的TAB标签；能够自动伸缩TAB对应的DIV控件；非常健壮，不影响搜索引擎，且在浏览器禁用了Javascript后，仍然正常使用。

相关知识

用法如下：

<ul id="countrytabs" class="shadetabs">
<li><a href="#" class="selected" rel="#default">Tab 1</a></li>
<li><a href="external2.htm" rel="countrycontainer">Tab 2</a></li>
<li><a href="external3.htm" rel="countrycontainer">Tab 3</a></li>
<li><a href="external4.htm" rel="#iframe">Tab 4</a></li>
<li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
</ul>

源代码原文下载：

Ajax Tabs Content Script (v 2.0) This is a versatile Ajax Tabs Content script that lets you display content pulled from external files inside a DIV and organized via CSS tabs. A fully unobtrusive, CSS and HTML based script, it supports practical features such as persistence of the active tab (ie: when page is reloaded), an "IFRAME" mode, a "slideshow" mode, ability to expand/contract arbitrary DIVs on the page at the same time, nested tabs, and much more. We got our inspiration for this script from Yahoo's homepage, which employs such a concept to show news in an organized fashion.

源码图片

点击链接查看大图

从本站下载附件及源代码

(1个附件，已经成功下载361次)

ajaxtabscontent.rar

最值得关注的外文源代码

Prototype Window
AJAX Fisheye List Widget
DatePicker in ASP.NET 2.0 and AJAX Control Toolkit
AJAX poller script