对于单个FORM,JS或直接提交都没关系，用JS的提交的大部分都是方便了输入验证
方法/步骤1/3 分步阅读
打开QQ个人中心
在联系人界面点击左上角的用户头像。
2/3
打开装扮中心
在QQ个人中心点击【超会装扮随心用】。
3/3
选择则进群特效
在装扮中心打开【进群特效】设置，选择一个，点击【立即装扮】即可
<html><head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-base.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-topbar.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-sidebar.css" />
<script type="text/javascript" src="ddlevelsfiles/ddlevelsmenu.js">
</script>
<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
function nTabs(thisObj,Num){
if(thisObj.className == "active")return
var tabObj = thisObj.parentNode.id
var tabList = document.getElementById(tabObj).getElementsByTagName("li")
for(i=0i <tabList.lengthi++)
{
if (i == Num)
{
thisObj.className = "active"
document.getElementById(tabObj+"_Content"+i).style.display = "block"
}else{
tabList[i].className = "normal"
document.getElementById(tabObj+"_Content"+i).style.display = "none"
}
}
}
</script>
<style type="text/css">
body{font-size:12pxfont-family:Verdana,"宋体"}
p,ul{margin:0pxpadding:0px}
td,div{font-size:12px}
.a1_0 {border:1px dotted #3399FFwidth:120pxbackground-color:#f5f5f5margin:3pxpadding:2px 0pxcursor:pointer}
.a1_1 {border:1px solid #FF9900width:120pxmargin:3pxpadding:2px 0pxcursor:pointer}
.test{text-decoration:underline}
#b1 div.s{border:1px solid #999999width:90%height:500pxmargin:3pxpadding:10pxoverflow-y:autoline-height:18px}
#b1 div.s strong{color:#0066FF}
/* */
.style1{float:leftwidth:80pxbackground-color:#f5f5f5border:1px solid #3399FFtext-align:centermargin-right:2pxlist-style-type:nonecursor:pointer}
.style2{float:leftwidth:80pxbackground-color:#f5f5f5border:1px solid #FF9900text-align:centermargin-right:2pxlist-style-type:nonecursor:pointer}
.style3{float:leftwidth:80pxbackground-color:#f5f5f5border:1px solid #666666text-align:centermargin-right:2pxlist-style-type:nonecursor:pointer}
#ddtopmenubar,#a3,#a4,#a5,#a6,#a7,#a8 {height:22px}
#b2 div,#b3 div,#b4 div,#b5 div,#b6 div,#b7 div{border:1px solid #FF9900height:100pxwidth:400pxpadding:5pxoverflow-y:auto}
#b8 div{border:1px solid #FF9900height:20pxwidth:350pxpadding:2px 5px}
#b8 div a{margin-right:20px}
.style4{float:leftbackground-color:#999999text-align:leftlist-style-type:nonepadding:2px 5pxcolor:#FFFFFF}
.nTab{
float: left
width: 100%
margin: 0 auto
border-bottom:1px #AACCEE solid
background:#d5d5d5
background-position:left
background-repeat:repeat-y
margin-bottom:2px
}
.nTab .TabTitle{
clear: both
height: 22px
overflow: hidden
}
.nTab .TabTitle ul{
border:0
margin:0
padding:0
}
.nTab .TabTitle li{
float: left
width: 70px
cursor: pointer
padding-top: 4px
padding-right: 0px
padding-left: 0px
padding-bottom: 2px
list-style-type: none
font-size: 12px
text-align: center
margin: 0
}
.nTab .TabTitle .active{background:#fffborder-left:1px #AACCEE solidborder-top:1px #AACCEE solidborder-right:1px #AACCEE solidborder-bottom:1px #fff solid}
.nTab .TabTitle .normal{background:#EBF3FBborder:1px #AACCEE solid}
.nTab .TabContent{
width:autobackground:#fff
margin: 0px auto
padding:10px 0 0 0
border-right:1px #AACCEE solidborder-left:1px #AACCEE solid
}
.none {display:none}
</style>
</head>
<body>
<!-- 选项卡开始 -->
<div class="s">
<div id="ddtopmenubar" class="mattblackmenu">
<ul>
<li class="active" onclick="nTabs(this,0)"><a href="#">规划报告</a></li>
<li class="normal" rel="ddsubmenu3"><a href="#">规划工程库</a></li>
<li class="normal" onclick="nTabs(this,5)"><a href="#" >工程专题</a></li>
</ul>
</div>
<!--Top Drop Down Menu 3 HTML-->
<ul id="ddsubmenu3" class="ddsubmenustyle">
<a href="#" class="normal" onclick="nTabs(this,1)">工程属性汇总表</a>
<a href="#" class="normal" onclick="nTabs(this,2)">开竣工时间表</a>
<a href="#" class="normal" onclick="nTabs(this,3)">投资汇总表</a>
<a href="#" class="normal" onclick="nTabs(this,4)">工程特性汇总表</a>
</ul>
<!-- 内容开始 -->
<div class="TabContent">
<div id="myTab1_Content0">000 </div>
<div id="myTab1_Content1" class="none">111 </div>
<div id="myTab1_Content2" class="none">222 </div>
<div id="myTab1_Content3" class="none">333 </div>
<div id="myTab1_Content4" class="none">444 </div>
<div id="myTab1_Content5" class="none">555 </div>
<div id="myTab1_Content6" class="none">666 </div>
</div>
</div>
<!-- 选项卡结束 -->
</div>
</body>
</html>
