又一竖向简洁Tab网页选项卡

2024-09-05 12:19:49

字体：大中小

来源：转载

供稿：网友

又一个竖向排列的简洁Tab，清新的色调，很多人都比较喜欢。而且它还支持在一个网页上重复布局多个，就是把上面的two复制，把two改成three，或任何一个不同名的id，祝你好运。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html;charset=gb2312" /><title>竖向的简洁Tab</title><style type="text/css"></style><script></script></head><body><div id="lib_Tab1_sx" class="lib_tabborder_sx"><div class="lib_Menubox_sx "><ul>   <li id="one1" onclick="setTab('one',1,5)" class="hover">最新更新</li>   <li id="one2" onclick="setTab('one',2,5)" >关注排行</li>   <li id="one3" onclick="setTab('one',3,5)">精品特效</li>      <li id="one4" onclick="setTab('one',4,5)">源码资源</li>   <li id="one5" onclick="setTab('one',5,5)">源码分类</li></ul></div> <div class="lib_Contentbox_sx ">     <div id="con_one_1" >最新更新的内容</div>   <div id="con_one_2" style="display:none">网友关注排行</div>   <div id="con_one_3" style="display:none">CSS、JavaScript代码</div>   <div id="con_one_4" style="display:none">高质量资源</div>    <div id="con_one_5" style="display:none">源码分类</div>  </div></div></body></html>

上一篇：CSS+JSS滚动切换的选项卡【荐】

下一篇：可重复使用的简洁Tab选项卡

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注