CSS竖向Tab代码

2024-09-05 12:20:39

字体：大中小

来源：转载

供稿：网友

风格简洁的CSS竖向TAB选项卡，结合了少量的JavaScript整体效果很棒，颜色自己可以调下，调成你自己喜欢的，在此提示一下：如果一个页面中使用多个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">新闻1</li>   <li id="one2" onclick="setTab('one',2,5)" >新闻2</li>   <li id="one3" onclick="setTab('one',3,5)">新闻3</li>      <li id="one4" onclick="setTab('one',4,5)">新闻4</li>   <li id="one5" onclick="setTab('one',5,5)">新闻5</li></ul></div> <div class="lib_Contentbox_sx ">     <div id="con_one_1" >新闻列表1</div>   <div id="con_one_2" style="display:none">新闻列表2</div>   <div id="con_one_3" style="display:none">新闻列表3</div>   <div id="con_one_4" style="display:none">新闻列表4</div>    <div id="con_one_5" style="display:none">新闻列表5</div>  </div></div></body></html>

上一篇：简洁 Tab 选项卡，CSS代码

下一篇：CSS的下拉菜单

学习交流

如何查找有故障的配件

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

热门图片

猜你喜欢的新闻

猜你喜欢的关注