双层的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 class="military">        <div 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 id="p0">源码下载</div>        <div id="p1">网页特效</div>        <div 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 id="p3">ASP</div>        <div id="p4">PHP</div>        <div id="p5">JSP</div>        </ul>        </div>      </div></body></html>

上一篇：绝对酷的黑色风格二级导航菜单

下一篇：纯JavaScript三级动画菜单