当前位置：编程学堂 > javascript横排竖排标准选项卡效果代码

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

发布：2023-09-24 19:27

web前端|css教程

javascript,横排,竖排,标准选项卡

web前端-css教程

将mfc源码分析,vscode快捷键打开模板,ubuntu美化斜,tomcat服务拒绝访问,pyton爬虫进阶,php高并发面试题,荆州本地seo推广怎么做lzw

<br /> <div class="khw">纪念馆源码,vscode打印断点,ubuntu ./.sh,tomcat css缓存,sqlite手动添加字段,ecshop 支付插件 目录,前端只学一个框架,爬虫通过tag查找元素,计算时间差php,大亚湾网络推广seo,web视频网站模板下载,网页开奖采集器,discuz绿色模板lzw</div> <div class="khw">dnf钩子注入源码,ubuntu装界面,tomcat一般多大,ajax爬虫解说,php做网站需要什么,seo标题优化看点击率吗lzw</div> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><title>PRcss的选项卡 www.sychzs.cn</title> </p>
<p> </p>
<p> </p>
<p> </p>
<div id="tab01"><h3>首页</h3><div class="jj"><p>嘿嘿，无视div原始class值。</p>
</div><h3 class="pr">测试</h3><div><p>继续无视h3原始class值。</p>
</div><h3>无聊</h3><div><p>h3没有值也可以～</p>
</div><h3 class="box">傻蛋</h3><div><p>div没有值一样可以～</p>
</div></div><div id="tab02"><h4>首页</h4><p>        嘿嘿，无视容器原始class值。 </p>
<h4 class="box">测试</h4><p>        继续无视h3原始class值。 </p>
<h4>无聊</h4><p>        h3没有值也可以～ </p>
<h4 class="bb">傻蛋</h4><p>        div没有值一样可以～ </p>
</div><div id="tab03"><h3>首页</h3><div class="tab"><p>嘿嘿，无视h3原始class值。</p>
</div><h3>测试</h3><div class="tab wushi"><p>继续无视div原始class值。</p>
</div><h3>无聊</h3><div class="tab"><p>h3没有值也可以～</p>
</div><h3 class="box">傻蛋</h3><div class="tab tab123"><p>class值相似一样也可以～</p>
<div><p>指定class后，即时再多一个div也行。</p>
</div></div></pre> </p>
<p><!– function Pid(id,tag){     if(!tag){         return document.getElementById(id);         }     else{         return document.getElementById(id).getElementsByTagName(tag);         } } // 选项卡 – [id],[hx=标题],[box=容器标记],[iClass=容器样式],[s=事件],[pr=序列] function tab(id,hx,box,iClass,s,pr){     var hxs=Pid(id,hx);     var boxs=Pid(id,box);     if(!iClass){ // 如果不指定class，则：         boxsClass=boxs; // 直接使用box作为容器     }     else{ // 如果指定class，则：         var boxsClass = [];         for(i=0;i<boxs.length;i++){             if(boxs[i].className.match(/\btab\b/)){// 判断容器的class是否匹配 boxsClass.push(boxs[i]);             }         }     }     if(!pr){ // 如果不指定预展开容器，则：         go_to(0); // 默认展开序列         yy();     }     else {         go_to(pr);         yy();     }     function yy(){         for(var i=0;i<hxs.length;i++){             hxs[i].temp=i;             if(!s){// 如果不指定事件，则： s="onmouseover"; // 使用默认事件 hxs[i][s]=function(){     go_to(this.temp); }             }             else{ hxs[i][s]=function(){     go_to(this.temp); }             }         }     }     function go_to(pr){         for(var i=0;i </p>
<p> </p>
<p> </p>
<p> </p>
<p>

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