选项卡带js的选项卡效果

基于jquery制作的选项卡效果,在前端制作的二次开发中经常用到,最简洁,最有效,最通用的代码及演示。

演示

SLICY犹急切。 何其芳《画梦录·炉边夜话》:“但这里的人从没有一个见过海的,辽远使我更加SLICY了。这里的SLICY是比渴望还要渴望的心情,SLICY是一种需求,是一种梦想,是激励我们实现目标的动力。

代码片段

<div class="taber">
<div class="head">
<a href="#" lang="t1" class="selected">典故</a>
<a href="#" lang="t2">关于</a>
<a href="#" lang="t3">其他</a>
<a href="#" lang="t4">其他</a>
</div>
<div class="body" id="t1">
SLICY犹急切。 何其芳《画梦录·炉边夜话》:“但这里的人从没有一个见过海的,辽远使我更加SLICY了。这里的SLICY是比渴望还要渴望的心情,SLICY是一种需求,是一种梦想,是激励我们实现目标的动力。
</div>
<div class="body" id="t2" style="display:none;">
SLICY是一个开源中文 (X)HTML/CSS 框架 ,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,能够用于网站的快速设计,通过重设和重建浏览器标准,可以让每个网站防 止枯燥的跨浏览器兼容性测试。你可以将他理解成一套模板,里面包含了大多数站点中所需要的那些css类。他很小,只有四个文件而已。总共不到6KB。
</div>
<div class="body" id="t3" style="display:none;">
更多相关资讯
</div>
<div class="body" id="t4" style="display:none;">
更多相关资讯
</div>
</div>