用javascript实现的不错的一款网页选项卡

这款选项卡效果，是我见过的一个不错的选项卡效果，不是最好，也是很好的

<meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>javascript 标签页（tab）浏览控件推介之：domtab - javascript, domtab, tab, 标签页, </title> <style type="text/css"> </style> <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">homr.cn - div+css小段精华代码</h2> <div> <h2><a name="tab1" id="tab1" target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbQ==">php</a></h2> <p>php（"php: hypertext preprocessor"，超文本预处理器的字母缩写）是一种被广泛应用的开放源代码的多用途脚本语言，它可嵌入到 html中，尤其适合 web 开发。 </p> <h2><a name="mysql" target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbQ==">mysql</a></h2> <p>mysql是最流行的开放源码sql数据库管理系统，它是由mysql ab公司开发、发布并支持的。mysql ab是由多名mysql开发人创办的一家商业公司。它是一家第二代开放源码公司，结合了开放源码价值取向、方法和成功的商业模型。</p> <p></p> </div> <div> <h2><a name="tab2" id="tab2" target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbQ==">(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" target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbQ==">css</a></h2> <p>css 是 cascading style sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。</p> <p></p> </div> <div> <h2><a name="tab3" id="tab3" target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbQ==">javascript</a></h2> <p>javascript 是一种新的描述语言，此一语言可以被嵌入 html 的文件之中。透过 javascript 可以做到回应使用者的需求事件 (如： form 的输入) 而不用任何的网路来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端 (server)处理，再传回来的过程，而直接可以被客户端 (client) 的应用程式所处理。</p> <p></p> </div> <div> <h2><a name="tab4" id="tab4" target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbQ==">ajax</a></h2> <p>ajax (asynchronous javascript and xml, 异步 javascript 及 xml 技术) 是个新词，但内涵是两个存在已有一段时间的 javascript 功能。这两种功能以往一直被忽略，在 gmail、google suggest 及 google maps 出现后才一举成名天下知。</p> <p>这两个 javascript 功能 是： </p> <ul> <li>在不重新读取页面的情况下对伺服器送出要求（request）</li> <li>解析、使用 xml 文件</li> </ul> <p></p> </div> </div> </div>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]