滑动门套滑动门css CSS选项卡 滑动门代码

CSS选项卡、滑动门菜单代码

*{margin:0;padding:0;}

body{margin:50px;font-size:12px;color:#666;}

li{list-style:none;}

div{width:210px;}

#tab1,#tab2{width:398px;height:34px;border:1px #cfedff solid;border-bottom:0;background:url(/texiao/0522230732245.gif) repeat-x;}

#tab1 ul,#tab2 ul{margin:0;padding:0;}

#tab1 li,#tab2 li{float:left;padding:0 30px;height:34px;line-height:34px;text-align:center;border-right:1px #ebf7ff solid;cursor:pointer;}

#tab1 li.now,#tab2 li.now{color:#5299c4;background:#fff;font-weight:bold;}

.tablist{width:378px;height:100px;padding:10px;font-size:14px;line-height:24px;border:1px #cfedff solid;border-top:0;display:none;}

.block{display:block;}

function setTab(m,n){

var menu=document.getElementById("tab"+m).getElementsByTagName("li");

var showdiv=document.getElementById("tablist"+m).getElementsByTagName("div");

for(i=0;i

{

menu[i].className=i==n?"now":"";

showdiv[i].style.display=i==n?"block":"none";

}

}

源代码ASPPHPJSP模板无忧提供各类编程源码，网页源代码。ASP类下载区，优质源代码。PHP类，学习型的下载乐园。高端WEB编程JSP源代码，欢迎浏览。软件下载图形软件下载工具站长相关模板无忧提供各类编程源码，软件下载。图形软件下载区。下载乐园。站长常用软件，欢迎浏览。