地址： 上海市静安区共和新路4718弄10号楼2楼
热线：400-166-3538
电话：19301461038
邮箱：sales@shyuanzhen.cn
当今，中的tab应用十分普遍，不过一般都脱离不了一下两种类型：
第1种 鼠标单击切换。此种情形下tab是没有链接的（但是在选中的tab区域内增加 更多或者more链接）。
第2种 鼠标悬浮切换。此种情况下很多tab都加了链接，所以 a:hover 应该生效，也就是鼠标停靠时有下滑下或颜色等提示。其实这也是Norman设计理念里，对于用户恰当Feedback（反馈）的实践。
在实际案例中，我们看到了一些好的设计，也有些我不赞成的设计，这里稍做分享。
案例一：yahoo美国首页，属于第1种tab设计，但是注意右下角的框框哦。
案例二：淘宝首页的tab设计有三处，但是仔细看一下，却发觉各有差异。比较疑惑的是，为什么首页只有3个tab设计，但是却各不一样呢？难道一个页面需要多个前端介入？
第一个tab设计属于单击切换，无附加链接。（顶）
第二个tab设计属于悬浮切换，但是没有 a:hover 来反馈tab上的链接。（扁）
第三个tab设计属于悬浮切换，添加了 a:hover 反馈tab上的链接。（顶）
案例三：QQ弹窗。
最不招人喜欢的QQ弹窗，tab上也没有链接反馈，相信qq.com的流量很多是被这样无辜地骗来的。（扁）
插播一段：我一直对QQ弹窗的设计有微辞，一个只能放5个tab的位置居然间接的放了7个，于是不得不多出一个左右翻滚tab的设计。至于增加一个看起来意义不大却比较显眼的 ［您可以拖动该页卡进行排序］ 真正价值有多少。
电子商务网站是电商网站的线上品牌集合地，用户通过线上平台了解您的产品和服务，有的电子商务网站很成功，而有的电子商务网站却不尽如人意，那是什么原因导致了您的电子商务网站缺乏吸引力呢？
• • • • | 公司名称：上海缘震网络科技有限公司 开户银行：中国工商银行上海市彭浦支行 银行账号：1001 2508 0930 0206 455 |
总部：上海市奉贤区金海公路6055号29号3楼 分部：上海市静安区共和新路4718弄10号楼2楼 商务官网：www.shyuanzhen.cn 彦蓁科技：www.shyanzhen.cn | 缘震网络成立于 2014 年，公司主要经营全案策划，高端品质网站建设、多媒体视频宣传片制作、微信公众号开发、微信小程序开发、商城定制、SEO优化、电商托管、空间托管、网站维护、应用软件开发、手机端APP开发、等为客户提供一条龙网络运营解决方案的的技术型企业。我们在人力资源、业务范围、设计、技术、服务、信誉度、规范管理及企业文化等诸多方面完善自己，公司目前已与千余家各类客户进行长期战略合作，提供专业的网站建设与运营服务。我们的口号：广结良缘、震古烁今！ |
免费热线：400-166-3538
咨询QQ ：
微信咨询 : chunhua19820
直接咨询 
