5
回答
如何实现类似139、163邮箱那样的多选项卡窗口浏览?
利用AWS快速构建适用于生产的无服务器应用程序,免费试用12个月>>>   

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

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

<无标签>
举报
曹_翔
发帖于6年前 5回/1K+阅
共有5个答案 最后回答: 5年前

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

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

推荐上面这个。

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

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

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

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

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

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

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