复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN">
<head>
<title>选项卡</title>
<style type="text/css">
<>
</style>
</head>
<body>
<div id="tab01">
<h3>首页</h3>
<div><p>嘿嘿，无视div原始class值。</p></div>
<h3>测试</h3>
<div><p>继续无视h3原始class值。</p></div>
<h3>无聊</h3>
<div><p>h3没有值也可以～</p></div>
<h3>傻蛋</h3>
<div><p>div没有值一样可以～</p></div>
</div>
<div id="tab02">
<h4>首页</h4>
<ol><li>嘿嘿，无视容器原始class值。</li></ol>
<h4>测试</h4>
<ol><li>继续无视h3原始class值。</li></ol>
<h4>无聊</h4>
<ol><li>h3没有值也可以～</li></ol>
<h4>傻蛋</h4>
<ol><li>div没有值一样可以～</li></ol>
</div>
<div id="tab03">
<h3>首页</h3>
<div><p>嘿嘿，无视h3原始class值。</p></div>
<h3>测试</h3>
<div><p>继续无视div原始class值。</p></div>
<h3>无聊</h3>
<div><p>h3没有值也可以～</p></div>
<h3>傻蛋</h3>
<div><p>class值相似一样也可以～</p><div><p>指定class后，即时再多一个div也行。</p></div></div>
</div>
<script type="text/javascript">
<>
</script>
</body>
</html>
【将两个div左右并列显示并实现点击标题切换内容】相关文章：
★ JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
★ 下拉菜单