本周前端的页面要上交，再加上电压的问题，导致好几天没更新博客了。今天也分享下最近的小收获，相信做页面的朋友一定会遇到TAB选项卡的，所以就分享两段简单的TAB选项卡代码，一段是JavaScript，一段是jQuery。
为什么我会分享这两段代码？因为共同的优点就是如果页面上有多个TAB选项卡，可以共用这一段代码来完成，是不是很方便呢？我写的小说网站，有个页面上有十几个TAB选项卡，找了很多方法，就是搞不定，因为我老想着id都一样，如果用class的话，document.getElementsById又调不到。最后才知道原来是需要通过传参数的方法来解决，真是经验之谈啊！不过我做的是图片选项卡，对于有CSS基础的朋友，也可以直接用CSS写一个选项卡应该没问题，对于有作图的朋友，照着我的样子再做两张图片也是很简单的。这个是JavaScript的示例：JS_DEMO
因为最近也学了点jQuery的知识，JavaScript可以实现的，jQuery也一定能实现。所以又找了jQuery代码来试着写TAB选项卡。jQuery的优点就是代码简单，几句话就把显示和隐藏搞定！这个是jQuery的示例：JQ_DEMO
两个例子的HTML和CSS配合自己的网站DIY，JavaScript代码和jQuery代码都可以不动。每个DEMO里面都有两个TAB选项卡，其实你可以放一百个TAB选项卡都不成问题哦！
最后是下载地址，里面有完整的代码和图片：点我下载
撒花 💡
用jquery的建议jquery的方法，可以节省不少呀，哈哈
非常希望万哥能用个博客回复邮箱提示邮件啊，我提问题还要我自己去找…
呵呵,,这个还不会,也看不懂,伸手党飘过,呵呵
那就用别人现成的插件就可以。
爱学习的好孩子
呵呵，还好啦，对自己喜欢的东西就爱研究下。
不错 之前学习了个immmmm的jquery了
木木是个jQuery高手，多多学习
另乐铺又开始搞活动了 上期没有参加的这次别错过了
七夕快到了，一起来将爱传递： http://www.lepu.com/events/2010/77/6866
你抢先一步了 哈哈
有兴趣的童鞋 赶紧围观
坚决不参加这种邀请来邀请去的活动。
同意
还是jQuery的不错 嘿嘿
俺也是电压不稳 所以两天才更新一篇
你更新的文章都是很有技术含量的，羡慕！
围观一下，不懂。。。
你的博客光荣的牺牲了？打不开
我把我的数据全给删了，正在努力恢复中，郁闷死我了。。。
哈哈，恭喜恭喜啊，不过应该有之前的备份吧。
很实用的小细节。
我要学会整理代码，以后这种代码使用率会很高，直接复制节省时间。
两个做出来的效果都一样，不过貌似最近流行jquery
如果页面还有其他很多地方用jQuery肯定是不错的选择，如果就一个选项卡，还是用JavaScript。
最近经常看到jquery,可惜不懂“`
呵呵，每个博主都希望把自己的博客布置得漂亮，jQuery正好有这个功能！
JS、JQ没看多少，TAB标签的这个效果CSS也可以打造
我查了下，纯CSS写的不怎么好，不过可以实现，有更好的方法实现TAB选项卡，所以放弃CSS选项卡吧。
我刚刚把我的那个去掉,感觉没什么东西值得切换…
博客不建议用TAB选项卡，虽然减少了空间，但是我觉得博客的空间还是挺大的，够放了。
学习了 😳
没什么技术含量，但是经常会用到。
了解一下 增长见识 呵呵
哦，这种选项卡很常见啊,不过大部分都是js的~
嗯，没什么技术含量，但是经常会用到。
我的是ZWW的方法搞定的，也是Jquery
如果页面还有其他很多地方用jQuery肯定是不错的选择，如果就一个选项卡，还是用JavaScript
如果能用个runcode之类的插件，看示例更方便，源码看起来也更清晰。一点小建议~
这个建议很好，我喜欢。之前就想弄个这个，但是不知道怎么描述，所以也不知道怎么搜索类似插件，现在知道了，非常感谢。 😀
不错 都蛮好看的
我现在用的木木的 动态效果比较好看的tab
我这只是最最基本的，很多网站都会用到，当然，说的不是我们这种独立博客，因为大家都想漂亮。
今天刚用到这个代码了 JS的,
呵呵，大家方便就好咯。