【原创】Javascript单行选项卡
我自己写的选项卡Javascript代码，采用的是javascript的面向对象方法写成，将Tag.js包含在网页中，按照固定的DOM结构安排选项卡的内容和标签。再加上简单的初始化代码就可以实现了。并且代码兼容IE和Firefox浏览器。
具体的页面DOM结构如下：
<div>
<div class="content" title="选项卡1">选项卡1</div>
<div class="content" title="选项卡2">选项卡2</div>
<div class="content" title="选项卡3">选项卡3</div>
<div class="content" title="选项卡4">选项卡4</div>
</div>
<div class="content" title="选项卡1">选项卡1</div>
<div class="content" title="选项卡2">选项卡2</div>
<div class="content" title="选项卡3">选项卡3</div>
<div class="content" title="选项卡4">选项卡4</div>
</div>
每个class为content的div就是一个选项卡，div标签中的内容就是选项卡中的内容，div标签的title属性就是选项卡的名称。
javascript代码的添加方法如下：
<script type="text/javascript" language="javascript">
var theTag = new Tag("tags"); // 参数tags为页面中放置选项卡标签的id属性
theTag.BuildTag();
</script>
var theTag = new Tag("tags"); // 参数tags为页面中放置选项卡标签的id属性
theTag.BuildTag();
</script>
需要注意的是，这段js代码需要放到页面的结尾处就是body关闭标签的后面。
观看示例文档：OptionCard.html
下载示例文件：optioncard.zip
如果您第一次来到我的博客为什么不订阅我的RSS feed呢？.