豎向的TAB網頁選項卡

2024-09-05 12:19:13

字體：大中小

來源：轉載

供稿：網友

一款豎向的網頁滑動門，其實和橫向的選項卡沒有什么區別，只是CSS稍微改一下就行了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>豎向標簽選項卡</title><style type="text/css"></style><script language="javascript" type="text/javascript">function doClick_jy(o){o.className="current";var j;var id;var e;for(var i=1;i<=8;i++){id ="jy"+i;j = document.getElementById(id);e = document.getElementById("jy_con"+i);if(id != o.id){ j.className=""; e.style.display = "none";}else{e.style.display = "block";}}}</script></head><body><div   id="iwvjtn8m0"   class="box infopublish"><div   id="iwvjtn8m0"   class="box_1 clearfix"><ul class="v-tab"><li>ASP.NET</li><li>DELPHI</li><li>VB.NET</li></ul><ul class="left_box" style="display:block;" id="jy_con1"><li>· RGDFGDF</li><li>· FDGDFGG</li><li>· HGFHDFG</li><li>· HGJHGJKJK</li></ul><ul class="left_box disable" id="jy_con2"><li>· ASDERFG</li><li>· LKJGDDSJ</li><li>· UIOTRRWEE</li><li>· DSFDSFHG</li></ul><ul class="left_box disable" id="jy_con3"><li>· RTFEVFDGF</li><li>· FGHGFJHGJGH</li><li>· JKJGHJFHFGH</li><li>· EWRTREGTR</li></ul></div></div> </body></html>

上一篇：CSS實現的三級菜單代碼

下一篇：純CSS豎向多級導航菜單黑色風格