javascript横排竖排标准选项卡效果代码

<！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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="PRcss,xhtml,html,css,js,book,个人主页,无聊,神经,懒惰" /> <meta name="description" content="PRcss的个人主页,无聊的,神经的,懒惰的..." /> <meta name="Author" content="PRcss,qq:50198763" /> <meta name="Copyright" content="本页版权归PRcss所有。All Rights Reserved" /> <title>PRcss的选项卡 www.jb51.net</title> <style type="text/css"></style> </head> <body><h3>首页</h3> 嘿嘿，无视div原始class值。<br/> <h3 class="pr">测试</h3> 继续无视h3原始class值。<br/> <h3>无聊</h3> h3没有值也可以～<br/> <h3 class="box">傻蛋</h3> div没有值一样可以～<br/> <h4>首页</h4> <ol class="pr"><li>嘿嘿，无视容器原始class值。</li></ol> <h4 class="box">测试</h4> <ol><li>继续无视h3原始class值。</li></ol> <h4>无聊</h4> <ol><li>h3没有值也可以～</li></ol> <h4 class="bb">傻蛋</h4> <ol><li>div没有值一样可以～</li></ol> <h3>首页</h3> 嘿嘿，无视h3原始class值。<br/> <h3>测试</h3> 继续无视div原始class值。<br/> <h3>无聊</h3> h3没有值也可以～<br/> <h3 class="box">傻蛋</h3> class值相似一样也可以～<br/>指定class后，即时再多一个div也行。<br/><script type="text/javascript"></script> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]