一般tab标识转换

2021-03-27 01:49| 发布者: | 查看: |

一般tab标识转换 SDCMS模版堂 与 2018/4/9 13:53:32 公布此篇章 人气值:278 SDCMS

一般tab标识转换

 style 
.dis{display:none;}
.pro_nav{background:#e2e2e2; height:40px;font-size:14px;}
.pro_nav li{float:left; height:40px; line-height:40px; }
.pro_nav li a{background:#e2e2e2; display:block; width:120px; text-align:center; color:#333333;font-size:14px;}
.pro_nav li:hover a{background:#398BD1; display:block;color:#fff;}
.pro_nav li.hover a{background:#398BD1; display:block;color:#fff;}
.cont{padding:25px 10px; line-height:25px; font-size:14px;}
.cont table{border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;}
.cont table td{border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2; height:30px;border-spacing:0px;border-collapse:0px; font-size:12px;}
 /style 
 script 
function setTab(name,cursel,n){
 for(i=1;i i++){
 var menu=$('#'+name+i);
 var con=$("#con_"+name+"_"+i);
 menutab转换.rar.className=i==cursel?"hover":"";
 con[0].style.display=i==cursel?"block":"none";
 /script 
 div 
 li id="one1" a href="javascript:;" 商品详细介绍 /a /li 
 li id="one2" a href="javascript:;" 工作中基本原理 /a /li 
 li id="one3" a href="javascript:;" 特性优点 /a /li 
 li id="one4" a href="javascript:;" 技术性主要参数 /a /li 
 /ul 
 /div 
 div id="con_one_1" 
11
 /div 
 div id="con_one_2" 
2
 /div 
 div id="con_one_3" 
33333
 /div 
 div id="con_one_4" 
4
 /div 

[0]

二、

 script type="text/javascript" 
function setTab(m,n){
var menu=document.getElementById("tab"+m).getElementsByTagName("li"); 
var div=document.getElementById("tablist"+m).getElementsByTagName("div");
var showdiv=[];
for (i=0; j=div[i]; i++){
if ((" "+div[i].className+" ").indexOf(" tablist ")!=-1){
showdiv.push(div[i]);}}
for(i=0;i menu.length;i++){
menu[i].className=i==n?"now":"";
showdiv[i].style.display=i==n?"block":"none";}}
 /script 
 div id="tab2" 
 div 
 div 特点新项目 span \Characteristic Project /span /div 
 h2 a href="../?id=1445" 牙周医治 /a /h2 
 /li 
 li class="" 
 h2 a href="../?id=1446" 栽种牙 /a /h2 
 /li 
 h2 a href="../?id=1447" 牙齿美白皮肤 /a /h2 
 /li 
 /ul 
 /div 
 div id="tablist2" 
 div 1111111
 /div 
 div 222222
 /div 
 div 3333
 /div 
 /div 


文中 标识:SDCMS模版堂 公司网站模版 手机上网站模版
SDCMS模版堂 - 取得成功的市场竞争者应当经得住风吹雨打,应当具备抗挫败的工作能力。在市场竞争中落泪是弱小,仅有在窘境中奋起,才可以变成最强者。强烈推荐模版
机械零件加工机械设备零件生产加工序号:QY046 vip会员价:¥50.00 元程序版本号:SDCMS 1.3 电动吊篮机械设备电动式电动吊篮机械设备机器设备序号:QY094 vip会员价:¥150.00 元程序版本号:SDCMS 2.2 商品交易所咨询管理产品买卖所资询管理方法序号:QY093 vip会员价:¥150.00 元程序版本号:DEDECMS 5.7 健康咨询管理中心身心健康资询管理方法管理中心序号:QY092 vip会员价:¥150.00 元程序版本号:SDCMS 2.2 监控设备摄像头监管机器设备拍摄头序号:QY091 vip会员价:¥150.00 元程序版本号:SDCMS 2.2
<
>

 
QQ在线咨询
售前咨询热线
18720358503
售后服务热线
18720358503
返回顶部