登錄切換的選項卡_層和布局特效

登錄切換的選項卡，也就是用戶可以自己選擇自己的用戶類型，像一個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訂閱特效代碼搜索

層和布局特效推薦

猜你也喜歡看這些