如何实现类似139、163邮箱那样的多选项卡窗口浏览?

曹_翔 发布于 2011/10/20 10:11
阅读 1K+
收藏 2

139、163邮箱那样的多选项卡窗口浏览,用户体验比一直刷新打开新页面要优秀;多选项卡窗口浏览具体是用什么实现,jquery吗?

如上是139邮箱的多选框浏览效果的截图,请多多指教!

加载中
0
BossKiller
BossKiller

最近也注意这个,找到 wdSrcolltab 这个jquery控件,标签超过屏款就支持左右滚动。(139、126这些多出标签不支持滚动)

http://www.web-delicious.com/jquery-plugins-demo/wdScrollTab/sample.htm

推荐上面这个。

EasyUI也有相关的控件,但是代码加密,而且它里面点击标签用了 href="javascript:void",会触发beforeunload事件,不好。

DHX同样有,但是要pro版才支持标签左右滚动。

曹_翔
曹_翔
嗯,谢谢!
BossKiller
BossKiller
@开拓者 : http://www.web-delicious.com/jquery-plugins-demo/wdScrollTab/docs/ 可用方法addTab() 这里说明已经很清楚。还有setContent() 方法是改变内容的。
曹_翔
曹_翔
不好意思,文档都看了;你有动态生成选项卡,内容通过其他方式调用过来的DEMO吗,我借鉴下!我邮箱:ipioneer@139.com
曹_翔
曹_翔
非常感谢,我试下
0
红薯
红薯

http://www.oschina.net/project/tag/276/jquery-tabs

这里有不少

曹_翔
曹_翔
非常感谢
0
ValueError
ValueError

个人倒觉得这样体验很不好,一般看到标签多了,就会有关掉的欲望。我习惯的关闭标签方式,又是用鼠标滚轮去点。在网页里面就悲剧了。

反而觉得 Foxmail 的那种体验很好,从新页面后退回来,上次点击的条目上有绿色箭头标示。

如果一定要用这种方式,个人推荐 jquery tools 里面的 tab

ValueError
ValueError
@张敏峰 : 可能我真的没接触过不理解吧 ^ ^
BossKiller
BossKiller
@无知的TonySeek : 呵呵,你做过类似的项目就知道浏览器自带标签功能不适用某些场景。
ValueError
ValueError
@张敏峰 : 我觉得这个设计是 IE 6 时代浏览器没有标签的应对之道,现在浏览器都有很强大的标签了,个人觉得应该把和浏览器 tab 职责重复的那些 tab 取消,这部分职责交给浏览器,这样也更符合不同用户的习惯。
曹_翔
曹_翔
应用场景中,多标签确实占优势
BossKiller
BossKiller
在网站设计方面可以避免,但是如果是应用系统,为了方便用户同时处理一些事务,多标签还是有利的。
0
hesai_vip
hesai_vip
请问您的问题解决了吗?我现在也要弄这个。还请多多指教!
0
曹_翔
曹_翔
用ligerui 等控件实现
返回顶部
顶部