- 在线时间
- 45 小时
- 专家
- 0
- UID
- 224244
- 注册时间
- 2005-12-7
- 帖子
- 38
- 精华
- 0
- 积分
- 90
- 离线
- 263 天
- 帖子
- 38
- 体力
- 90
- 威望
- 0
|
发表于 2007-9-29 09:26:34
|显示全部楼层
选项卡我们这论坛里有不少,但同一个页面可以多次使用的可能没多少,我这个可以在同一个页面里可以有多个选项卡块.用了一个背景图.
背景图片已上传上去了,支持我的帮顶一下,俺昨天花费几个小时啊.
终于适应Ie,ff 浏览器.现在所有代码公开给大家.希望大家喜欢.要用的赶紧拿去用吧.
类似于下面效果.

再加一个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,就完成了.
提示:您可以先修改部分代码再运行
忘记说了tab2也要改,改成tab3吧,同一个页面div,id总不能重复吧.
[ 本帖最后由 weasle 于 2007-9-29 10:37 编辑 ] |
|