读书人

一个选项卡切换的例证

发布时间: 2013-07-11 15:38:46 作者: rapoo

一个选项卡切换的例子
????????????????? } else {
????????????????????? tabList[i].className = "normal";
????????????????????? document.getElementById(tabObj + "_Content" + i).style.display = "none";
????????????????? }
????????????? }
????????? }

?

?

?

html部分:

<div onmouseover="nTabs(this,0);"><a
????????href="javascript:void(0)" onfocus="this.blur();"><span>全部</span>
???????</a>
???????</li>
???????<li onmouseover="nTabs(this,1);"><a
????????href="javascript:void(0)" onfocus="this.blur();"><span>小说阅读</span>
???????</a>
???????</li>
???????<li onmouseover="nTabs(this,2);"><a
????????href="javascript:void(0)" onfocus="this.blur();"><span>杂志阅读</span>
???????</a>
???????</li>
??????</ul>
?????</div>
?????<div id="novel_myTab1_Content0">
??????<p />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span style="display:none;">
??????<p />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span style="display:none;">
??????<p />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span />
???????</a><a href="" />
???????</a><span class="text-middle">[甄传]</span>
???????<li>
??????</ul>
?????</div>
????</div>
???</div>

?

?

?

读书人网 >Web前端

热点推荐