<title>签滑动门</title>
<style type="text/css">
.search {margin: 0 auto;width:488px;height:90px;border: 1px solid #d8d4d5;background:;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#e5e5e5);}
.sd-ss{width:460px;margin: 0 auto;margin-top:5px;}
.sd-ss h2{float:left;font-size:13px;margin-right:5px;color:#990000}
.sd-ss p{float:left;width:480;}
.sd-ss ul{margin:0;padding:0;width:100%;line-height:18px;}
.sd-ss li{float:left;margin-right:10px;cursor: pointer;}
.sd-ss .active{background:#ceffce;}
.sd-ss .normal{}
.TabContent{margin: 0 auto;width:488px;}
.none {display:none;}
</style>
</head>
<body>
<br><br><br><br>
<div class="search">
<div class="sd-ss">
<ul id="myTab0">
<li class="active">1</li>
<li class="normal">2</li>
<li class="normal">3</li>
<li class="normal">4</li>
<li class="normal">5</li>
<li class="normal">6</li>
<li class="normal">7</li>
<li class="normal">8</li>
<li class="normal">9</li>
<li class="normal">10</li>
<li class="normal">11</li>
<li class="normal">12</li>
<li class="normal">13</li>
<li class="normal">14</li>
<li class="normal">15</li>
<li class="normal">19</li>
<li class="normal">17</li>
<li class="normal">18</li>
<li class="normal">19</li>
</ul>
</div>
<script src="http://localhost/JS/S_Shop.js"></script>
</div>
<div class="TabContent">
<div id="myTab0_Content0" class="none">1</div>
<div id="myTab0_Content1" class="none">2</div>
<div id="myTab0_Content2" class="none">3</div>
<div id="myTab0_Content3" class="none">4</div>
<div id="myTab0_Content4" class="none">d</div>
<div id="myTab0_Content5" class="none">b</div>
<div id="myTab0_Content6" class="none">g</div>
<div id="myTab0_Content7" class="none">j</div>
<div id="myTab0_Content8" class="none">b</div>
<div id="myTab0_Content9" class="none">hg</div>
<div id="myTab0_Content10" class="none">dar</div>
<div id="myTab0_Content11" class="none">ba</div>
<div id="myTab0_Content12" class="none">13</div>
<div id="myTab0_Content13" class="none">14</div>
<div id="myTab0_Content14" class="none">15</div>
<div id="myTab0_Content15" class="none">16</div>
<div id="myTab0_Content16" class="none">17</div>
<div id="myTab0_Content17" class="none">18</div>
<div id="myTab0_Content18" class="none">19</div>
</div>
<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>
我想让他每5个换行,要能自己控制的;我是要做成这样子;
推荐:12345
热门:678910
<ul id="myTab0"></ul>在这里面死活不能再加入其他控制代码;