可多次使用的仿126邮箱选项卡的源码

再加一个div块时只要
<div id="Tab2">
<div class="Menubox">
<ul>
   <li id="two1" onclick="setTab('two',1,4)" >新闻1</li>
   <li id="two2" onclick="setTab('two',2,4)" >新闻2</li>
   <li id="two3" onclick="setTab('two',3,4)">新闻3</li>  
   <li id="two4" onclick="setTab('two',4,4)">新闻4</li>
</ul>
</div>
<div class="Contentbox">  
   <div id="con_two_1" >新闻列表1</div>
   <div id="con_two_2" style="display:none">新闻列表2</div>
   <div id="con_two_3" style="display:none">新闻列表3</div>
   <div id="con_two_4" style="display:none">新闻列表4</div>
</div>
</div>

看到上面的two没有,把上面的这段复制下,把two改成three,或任何一个不同名的id,就完成了.







默认第一选项
看我下面的,和第一楼都一样,唯一就是加了个class="hover"
<div id="con_one_1" >新闻列表1</div>改成
<div id="con_one_1" class="hover">新闻列表1</div>



把onclick改成onMouseOver就是鼠标了



http://bbs.blueidea.com/thread-2795660-1-1.html

文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志: