登录切换的选项卡_层和布局特效

登录切换的选项卡，也就是用户可以自己选择自己的用户类型，像一个TAB选项卡一样的切换，效果比较不错。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>登录切换的选项卡</title>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312" />
<style>
ul{ list-style:none}
ul li{ list-style:none}
#tabs0{ width:300px; border:1px solid #ccc;}
#tabs0 ul.menu0{ list-style:none; padding:0px; margin:0px; height:25px; line-height:25px;background:#ccc; clear:both}
#tabs0 ul.menu0 li{ width:80px; float:left; text-align:center; }
#tabs0 .main ul{ display:none; padding:5px;}
.hover{ background:#fff; color:#000000}
.block{display:block; }
</style>
<script>
<!--
function setTab(m,n){
 var tli=document.getElementById("menu"+m).getElementsByTagName("li");
 var mli=document.getElementById("main"+m).getElementsByTagName("ul");
 for(i=0;i<tli.length;i++){
  tli[i].className=i==n?"hover":"";
  mli[i].style.display=i==n?"block":"none";
 }
}

var m3={0:"",1:"评论内容",2:"技术内容",3:"点评内容"}
function nowtab(m,n){
 if(n!=0&&m3[0]=="")m3[0]=document.getElementById("main2").innerHTML;
 document.getElementById("tip"+m).style.left=n*100+'px';
 document.getElementById("main2").innerHTML=m3[n];
}
//-->
</script>
</head> 
<body>

所属频道：层和布局特效/更新时间：2012-12-04

[收藏][报错][返回列表]

登录切换的选项卡_层和布局特效

层和布局特效Rss订阅特效代码搜索

层和布局特效推荐

猜你也喜欢看这些