近期要更换公司网站首页，将各项服务以选项卡的样式在首页呈现。第三版设计如下图所示：
图中搜索框下部就是要切换的各个选项卡，要求“光标悬停在标题上0.1秒后切换选项卡”，并且“选项卡中存在动态调用内容”。我感觉这种设计并不是很好，通过点击来切换选项卡更合适一些。
这种设计违反了web设计中用户可控性的原则，我认为这是不尊重用户的选择。举个例子，我现在正在看第一个选项卡里的内容，而我的鼠标就恰巧放在“门户”这个选项卡上，那么，0.1秒之后，选项卡切换了，可是我没想看第二个选项卡里的内容啊！
采用鼠标悬停切换选项卡的设计，时间延迟是必须的，但是这个延迟时间是不好把握，不同的用户对时间的敏感度和操作快慢不同。延迟时间长，可能有的用户，在感觉鼠标移上没有反应之后，就接着做了点击操作；延迟时间短，有可能用户只是把鼠标滑过该选项卡，从而发送不必要的请求，造成不必要的加载。
悬停切换这一动作使得用户的关注点集中在选项卡内部，而我们的目的呢？让用户注意搜索框？选项卡？选项卡内部？因此首页这里使用选项卡，悬停还是需要权衡一下的。
通过onmouseover触发事件通常需要配合onmouseout来使用，这就比使用onclick要多出一个事件处理函数。而且各个浏览器对onclick事件的支持要更良性一些。
当然，鼠标悬停切换选项卡也不是完全不可以用，我们来看一下雅虎的应用：
雅虎首页上有“雅虎关系”和“雅虎邮箱”两个选项卡，通过鼠标悬停的方式进行切换。为什么说这个可以用悬停来切换呢？来看看雅虎的选项卡有什么不同。首先，这里的选项卡数量只有两个，而且这两个选项卡都很大，这样鼠标指针就不容易放在错误的选项卡上。其次，这两个选项卡都是有额外的onclick事件的，当点击鼠标左键之后，会另外打开相应的另外一个页面。
我认为，onmouseover事件还是用来显示提示信息或者某种视觉效果，配合onclick来完成某种功能更为合适一些。
最后，我收集了几个比较优秀的选项卡设计，参考一下。
什么图片都看不到？？？