雙層的CSS+Js選項卡菜單

2024-09-05 12:19:46

字體：大中小

來源：轉載

供稿：網友

這個菜單很特別哦，雙層的選項卡菜單，基于CSS+Js結合編寫的，根據你的需要吧，或許你正在找類似的菜單呢。

<!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">function qiehuan(n){ for(i=0;i<=5;i++){ if(n==i) { document.getElementById("p"+i).style.display = "block"; } else{ document.getElementById("p"+i).style.display = "none";  } } }</script></head><body>      <div   id="iwvjtn8m0"   class="military">        <div   id="iwvjtn8m0"   class="militarycontent" id="uul">        <ul class="ul">        <li onclick="qiehuan(0)">源碼下載</li>        <li onclick="qiehuan(1)">網頁特效</li>        <li onclick="qiehuan(2)">最新更新</li>        </ul>        <ul class="div">        <div   class="iwvjtn8m0"   id="p0">源碼下載</div>        <div   class="iwvjtn8m0"   id="p1">網頁特效</div>        <div   class="iwvjtn8m0"   id="p2">最新更新</div>        </ul>                <ul class="ul">                 <li onclick="qiehuan(3)">ASP</li>        <li onclick="qiehuan(4)">PHP</li>        <li onclick="qiehuan(5)">JSP</li>        </ul>                <ul class="div">                <div   class="iwvjtn8m0"   id="p3">ASP</div>        <div   class="iwvjtn8m0"   id="p4">PHP</div>        <div   class="iwvjtn8m0"   id="p5">JSP</div>        </ul>        </div>      </div></body></html>

上一篇：絕對酷的黑色風格二級導航菜單

下一篇：純JavaScript三級動畫菜單