选项卡我们这论坛里有不少,但同一个页面可以多次使用的可能没多少,我这个可以在同一个页面里可以有多个选项卡块.用了一个背景图.背景图片已上传上去了,支持我的帮顶一下,俺昨天花费几个小时啊.终于适应Ie,ff 浏览器.现在所有代码公开给大家.希望大家喜欢.要用的赶紧拿去用吧.类似于下面效果.screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new windownCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open(this.src);}" alt="" src="http://files.jb51.net/upload/20071003220847714.gif" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new windownCTRL+Mouse wheel to zoom in/out';}" border=0>再加一个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,就完成了. 简洁Tab 新闻1 新闻2 新闻3 新闻4 新闻列表1 新闻列表2 新闻列表3 新闻列表4 新闻1 新闻2 新闻3 新闻4 新闻列表1 新闻列表2 新闻列表3 新闻列表4 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]忘记说了tab2也要改,改成tab3吧,同一个页面div,id总不能重复吧.

　　推荐阅读

　　超级susymenu实现top菜单

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]该类型菜单还没有达到完美的类似开始菜单那样。 请大家积极批评指正！发表看法！>>>详细阅读

本文标题：可多次使用的仿126邮箱选项卡的源码

地址：http://www.17bianji.com/kaifa2/JS/30046.html

 1/2    1