Question

网页div+css 选项卡旁边加"更多"连接？？

目前的函数如下 <script type="text/javascript"> function nTabs(thisObj,Num){ if(thisObj.className == "active")return; var tabObj = thisObj.parentNode.id; var tabList = document.getElementById(tabObj).getElementsByTagName("li"); for(i=0; i <tabList.length; i++) { 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>

Answer 1

span{float:right;} span a{text-decoration:none; font-size:13px; padding-left:10px; display:block;color:#333; text-align:center; padding-top:5px;} <div align="center" style="padding-left:25px;"> <!-- 选项卡0开始 --> <div class="nTab"> <!-- 标题开始 --> <div class="TabTitle"> <ul id="myTab0"> <li class="active" onmouseover="nTabs(this,0);">财经资讯</li> <li class="normal" onmouseover="nTabs(this,1);">股票资讯</li> <span><a href="#">更多 >></a></span> </ul> </div> <!-- 内容开始 --> <div class="TabContent"> <div id="myTab0_Content0"> 000 </div> <div id="myTab0_Content1" class="none">111</div> </div> </div> <!-- 选项卡0结束 --> <!-- 选项卡1开始 --> <!-- 选项卡1结束 --> </div>