Javascript 标签页（TAB）浏览控件推介之：DOMTab
2008-02-14 18:52
323 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" c />
<meta name="keywords" c />
<meta name="description" c />
<title>Javascript 标签页（TAB）浏览控件推介之：DOMTab - javascript, DOMTab, TAB, 标签页, </title>
</head>
<body>
<div id="example">
<h3 id="example_title">Javascript 标签页（TAB）浏览控件推介之：DOMTab</h3>
<div id="example_main">
<!--************************************* 实例代码开始 *************************************-->
<style type="text/css">
<!--
ul.domtabs a:link,
ul.domtabs a:visited,
ul.domtabs a:active,
ul.domtabs li.active a:link,
ul.domtabs li.active a:visited,
ul.domtabs li.active a:active,
-->
</style>
<script type="text/javascript">
domtab.addEvent(window, 'load', domtab.init, false);
</script>
<div id="warp">
<div class="domtab doprevnext">
<ul class="domtabs">
<li><a href="#tab1">PHP/MySQL</a></li>
<li><a href="#tab2">(X)HTML/CSS</a></li>
<li><a href="#tab3">Javascript</a></li>
<li><a href="#tab4">Ajax</a></li>
</ul>
<h2 class="title">Codebit.cn - 聚合小段精华代码</h2>
<!-- TAB 1 -->
<div>
<h2><a name="tab1" id="tab1">PHP</a></h2>
<p>PHP（“PHP: Hypertext Preprocessor”，超文本预处理器的字母缩写）是一种被广泛应用的开放源代码的多用途脚本语言，它可嵌入到 HTML中，尤其适合 web 开发。 </p>
<h2><a name="mysql">MySQL</a></h2>
<p>MySQL是最流行的开放源码SQL数据库管理系统，它是由MySQL AB公司开发、发布并支持的。MySQL AB是由多名MySQL开发人创办的一家商业公司。它是一家第二代开放源码公司，结合了开放源码价值取向、方法和成功的商业模型。</p>
<p><a href="#top">back to menu</a></p>
</div>
<!-- TAB 2 -->
<div>
<h2><a name="tab2" id="tab2">(X)HTML</a></h2>
<p>HTML语言是我们建立网页的工具，从它出现发展到现在，规范不断完善，功能越来越强。但是依然有缺陷和不足，人们仍在不断的改进它，使它更加便于控制和有弹性，以适应网络上日新月异的应用需求。2000年底，国际W3C(World Wide Web Consortium)组织公布发行了XHTML 1.0版本。</p>
<p>XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言，目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。</p>
<h2><a name="css">CSS</a></h2>
<p>CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。</p>
<p><a href="#top">back to menu</a></p>
</div>
<!-- TAB 3 -->
<div>
<h2><a name="tab3" id="tab3">Javascript</a></h2>
<p>JavaScript 是一种新的描述语言，此一语言可以被嵌入 HTML 的文件之中。透过 JavaScript 可以做到回应使用者的需求事件 (如： form 的输入) 而不用任何的网路来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端 (server)处理，再传回来的过程，而直接可以被客户端 (client) 的应用程式所处理。</p>
<p><a href="#top">back to menu</a></p>
</div>
<!-- TAB 4 -->
<div>
<h2><a name="tab4" id="tab4">Ajax</a></h2>
<p>AJAX (Asynchronous JavaScript and XML, 异步 JavaScript 及 XML 技术) 是个新词，但内涵是两个存在已有一段时间的 JavaScript 功能。这两种功能以往一直被忽略，在 Gmail、Google suggest 及 Google Maps 出现后才一举成名天下知。</p>
<p>这两个 JavaScript 功能 是：
<ul>
<li>在不重新读取页面的情况下对伺服器送出要求（request）</li>
<li>解析、使用 XML 文件</li>
</ul>
</p>
<p><a href="#top">back to menu</a></p>
</div>
</div>
</div>
<br class="clear" />
<br />
<!--************************************* 实例代码结束 *************************************-->
</div>
</div>
<br />
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" c />
<meta name="keywords" c />
<meta name="description" c />
<title>Javascript 标签页（TAB）浏览控件推介之：DOMTab - javascript, DOMTab, TAB, 标签页, </title>
</head>
<body>
<div id="example">
<h3 id="example_title">Javascript 标签页（TAB）浏览控件推介之：DOMTab</h3>
<div id="example_main">
<!--************************************* 实例代码开始 *************************************-->
<style type="text/css">
<!--
ul.domtabs a:link,
ul.domtabs a:visited,
ul.domtabs a:active,
ul.domtabs li.active a:link,
ul.domtabs li.active a:visited,
ul.domtabs li.active a:active,
-->
</style>
<script type="text/javascript">
domtab.addEvent(window, 'load', domtab.init, false);
</script>
<div id="warp">
<div class="domtab doprevnext">
<ul class="domtabs">
<li><a href="#tab1">PHP/MySQL</a></li>
<li><a href="#tab2">(X)HTML/CSS</a></li>
<li><a href="#tab3">Javascript</a></li>
<li><a href="#tab4">Ajax</a></li>
</ul>
<h2 class="title">Codebit.cn - 聚合小段精华代码</h2>
<!-- TAB 1 -->
<div>
<h2><a name="tab1" id="tab1">PHP</a></h2>
<p>PHP（“PHP: Hypertext Preprocessor”，超文本预处理器的字母缩写）是一种被广泛应用的开放源代码的多用途脚本语言，它可嵌入到 HTML中，尤其适合 web 开发。 </p>
<h2><a name="mysql">MySQL</a></h2>
<p>MySQL是最流行的开放源码SQL数据库管理系统，它是由MySQL AB公司开发、发布并支持的。MySQL AB是由多名MySQL开发人创办的一家商业公司。它是一家第二代开放源码公司，结合了开放源码价值取向、方法和成功的商业模型。</p>
<p><a href="#top">back to menu</a></p>
</div>
<!-- TAB 2 -->
<div>
<h2><a name="tab2" id="tab2">(X)HTML</a></h2>
<p>HTML语言是我们建立网页的工具，从它出现发展到现在，规范不断完善，功能越来越强。但是依然有缺陷和不足，人们仍在不断的改进它，使它更加便于控制和有弹性，以适应网络上日新月异的应用需求。2000年底，国际W3C(World Wide Web Consortium)组织公布发行了XHTML 1.0版本。</p>
<p>XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言，目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。</p>
<h2><a name="css">CSS</a></h2>
<p>CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。</p>
<p><a href="#top">back to menu</a></p>
</div>
<!-- TAB 3 -->
<div>
<h2><a name="tab3" id="tab3">Javascript</a></h2>
<p>JavaScript 是一种新的描述语言，此一语言可以被嵌入 HTML 的文件之中。透过 JavaScript 可以做到回应使用者的需求事件 (如： form 的输入) 而不用任何的网路来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端 (server)处理，再传回来的过程，而直接可以被客户端 (client) 的应用程式所处理。</p>
<p><a href="#top">back to menu</a></p>
</div>
<!-- TAB 4 -->
<div>
<h2><a name="tab4" id="tab4">Ajax</a></h2>
<p>AJAX (Asynchronous JavaScript and XML, 异步 JavaScript 及 XML 技术) 是个新词，但内涵是两个存在已有一段时间的 JavaScript 功能。这两种功能以往一直被忽略，在 Gmail、Google suggest 及 Google Maps 出现后才一举成名天下知。</p>
<p>这两个 JavaScript 功能 是：
<ul>
<li>在不重新读取页面的情况下对伺服器送出要求（request）</li>
<li>解析、使用 XML 文件</li>
</ul>
</p>
<p><a href="#top">back to menu</a></p>
</div>
</div>
</div>
<br class="clear" />
<br />
<!--************************************* 实例代码结束 *************************************-->
</div>
</div>
<br />
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Javascript 标签页（TAB）浏览控件推介之：DOMTab
- Javascript 标签页（TAB）浏览控件推介之：DOMTab
- 选项卡(四)标签页（TAB）浏览控件推介之：DOMTab
- javascript DOM getElementByTagName Tab选项卡
- winform tabcontrol控件的标签放到左边后,文字成是上下显示的
- C＃ WinForm编程TabControl控件的标签TabPage怎么做成图片
- javascript之DOM编程通过html元素的标签属性找节点
- javascript获取asp.net服务器端控件的值(2009-10-31 15:24:26)转载标签：杂谈 分类：技术分类
- css配合JavaScript实现tab标签切换效果
- C#TabCotrol控件实现shift+tab的标签切换
- MFC之标签控件Tab Control
- 使用标签控件Tab
- Tab控件标签页的显示方式对标签内容的影响
- javascript之DOM编程通过html元素的标签属性找节点
- 《jQuery从入门到精通》第三十一节 TAB标签控件
- 经典效果组件篇4：安卓的tab标签控件
- JavaScript的DOM 编程 设置select标签的二级城市联动
- js(JavaScript)代码实现的TAB标签切换效果
- 网页中tab标签切换分别用jquery和javascript源码实现