最近网站要改版，其中网站的改版效果设计模仿了yahoo的 多标签tab 切换,先看看yahoo的标签效果吧
效 果看起来不错，对于网站内容很多的网站这样的标签切换很能节省页面空间，同样给浏览者以新奇的感觉。好的效果就应当使用快捷效率的方法来实现,本来想借用 yahoo的自身实现代码，但看来看去觉得其实现程序太复杂这当然是我自己的看法，也许是因为技术不够弄不明白程序作者的意图，去网上搜了一把，结果出来 的都是yahoo一样的大同小异对于初学或者根本不明白js的人想弄明白太难了，所以想想就干脆自己写出一个吧。下面我就把我实现的仿yahoo切换标签 步骤列出来，给那些跟我一样闹不明白yahoo代码的朋友分享下。

功能：
模仿yahoo的多标签切换，增加默认显示状态。
原理：
我总认为写程序和做其他事情一样，先把其中原理或者计划弄清楚了那我们实施起来就很容易，对于这个标签切换我们也一样想理清实现它的基本 原理 ，然后编写对应的 js代码 和 css样式 代码。
实现这个标签切换的原理其实很简单，就是当鼠标滑过它时，让对应的显示框给显示出来，其他的给隐藏掉。
先看看我们所使用到的图片：
邮箱背景：a

空间背景：b

相册背景：c

没用使用时的背景：d

我们的js代码主要就获取鼠标是否在滑动到对应标签上，如果是我们就通过js改变它的背景为对应始终状态(a或b或c),另外行的背景为没用使用时的背景(d)，同事显示、隐藏要展示的对应标签内容。
第一步：html组织显示