拼了命学习js，想把学到的Javascript效果，可以记在博客里，在记录过程中，加深理解。
gogogo，第一个效果，选项卡。
一、选项卡效果的实现思路
选项卡效果的应用很广泛，几乎所有的网站都会用到选项卡，现在就来写选项卡。
选项卡的实现思路：
两个div，一个用来放在选项卡，一个用来放置每个选项卡内容。
首先，先把放置内容的div隐藏起来display:none，只保留一个显示display：block。
然后，通过点击选项卡，在该添加类的位置上添上属性类。
二、实现
我写的这个选项卡界面特“简洁”，只有说明选项卡该如何写。start~~~
截图：
上面的Javascript函数，通过一个for循环，来判断用户点击的是哪一个选项卡，然后便获取该选项卡元素。这里的处理是：document.getElementById('one'+i);
获取到的会是id = one1/one2/on3，然后判断，i == carsel?"hover":""; 此时循环的 i 是否会等于游标值，会的话就添加一个hover类上去，改变被点击项的样式。
同样，下面的语句：oContent.style.display = i ==carsel?"block":"none";给当前被点击的选项，设置display为block，即显示出来。
三、完整代码
View Code
四、
补充：
用一个参数来实现