网页中的下拉菜单

原创 2006年06月14日 10:25:00

<script language=javascript>
<!--
var DIV_COUNT =8;
function ControlDiv(index)
{
 
 for(var i=1;i<= DIV_COUNT;i++)
 {
  var e = document.getElementById("dv"+ i);
  var ev = document.getElementById("dvShow"+ i);
  if( e == null || ev == null )
   continue;
  if( i == index)
  {
   e.style.borderLeftColor="#FF9600";
  }
  else
  {
   e.style.borderLeftColor="#DDDDDD";
   ev.style.display="none";
  }
 }

}
function showdv(index)
{  

 
 if(document.getElementById("dvShow"+index).style.display == "none")
 {
  document.getElementById("dvShow"+index).style.display = "";
 }
 else
 {  
  document.getElementById("dvShow"+index).style.display = "none";
 }
 
 ControlDiv(index);
  
 
  
}
function SpaceClass(div)
{
 document.getElementById("divset" + div).style.backgroundColor="#FFF7EC";
 
}

-->
</script>
<div class="ma_09">
   <div class="ma_11_1" id="dv1"><a href=javascript:showdv("1") class="menu_left">
   ︾主页设置</a></div>
   <div class="ma_12"  id="dvShow1" style="display:none" align=right>
     <div class="ma_13" id="divset1"><font size=2>
    <a href="/admin_templateSelect.aspx" onclick="SpaceClass(1)">
    <font face="宋体"><span style="text-decoration: none">◆ </span>
    </font>模板选择</a></font></div>
     <div class="ma_13" id="divset2"><font size=2>
    <a href="/admin_templateSelect.aspx" onclick="SpaceClass(1)">
    <font face="宋体"><span style="text-decoration: none">◆ </span>
    </font></a></font>
    <a href="/admin_tagManage.aspx" onclick="SpaceClass(2)">
    <font size=2>标签管理</font></a></div>
     <div class="ma_13" id="divset3"><font size=2>
    <a href="/admin_templateSelect.aspx" onclick="SpaceClass(1)">
    <font face="宋体"><span style="text-decoration: none">◆ </span>
    </font></a></font>
    <a href="/admin_tagDisplay.aspx" onclick="SpaceClass(3)">
    <font size=2>标签显示</font></font></a></div>
     <div class="ma_13" id="divset4" ><font size=2>
    <a href="/admin_templateSelect.aspx" onclick="SpaceClass(1)">
    <font face="宋体"><span style="text-decoration: none">◆ </span>
    </font></a></font>
    <a href="/admin_pwdModify.aspx" onclick="SpaceClass(4)">
    <font size=2>修改密码</font></a></div>
     <div class="ma_13" id="divset5"><font size=2>
    <a href="/admin_templateSelect.aspx" onclick="SpaceClass(1)">
    <font face="宋体"><span style="text-decoration: none">◆ </span>
    </font></a></font>
    <a href="/admin_messageboard.aspx" onclick="SpaceClass(5)">
    <font size=2>查看留言</font></a></div>
     <div class="ma_13" id="divset6"><font size=2>
    <a href="/admin_templateSelect.aspx" onclick="SpaceClass(1)">
    <font face="宋体"><span style="text-decoration: none">◆ </span>
    </font></a></font>
    <a href="/admin_link.aspx" onclick="SpaceClass(6)">
    <font size=2>友情链接</font></a></div>
   </div>
<div class="ma_09">
   <div class="ma_11_1" id="dv1"><a href=javascript:showdv("2") class="menu_left">
   主页设置</a></div>
   <div class="ma_12"  id="dvShow2" style="display:none" align=right>
     <div class="ma_13" id="divset1"><font size=2>
    <a href="/admin_templateSelect.aspx" onclick="SpaceClass(1)">
    <font face="宋体"><span style="text-decoration: none">◆ </span>
    </font></a></font>
    <a href="/admin_templateSelect.aspx" onclick="SpaceClass(1)">
    <font size=2>模板选择</font></a></div>
     <div class="ma_13" id="divset2"><font size=2>
    <a href="/admin_templateSelect.aspx" onclick="SpaceClass(1)">
    <font face="宋体"><span style="text-decoration: none">◆ </span>
    </font></a></font>
    <a href="/admin_tagManage.aspx" onclick="SpaceClass(2)">
    <font size=2>标签管理</font></a></div>
     <div class="ma_13" id="divset3"><font size=2>
    <a href="/admin_templateSelect.aspx" onclick="SpaceClass(1)">
    <font face="宋体"><span style="text-decoration: none">◆ </span>
    </font></a></font>
    <a href="/admin_tagDisplay.aspx" onclick="SpaceClass(3)">
    <font size=2>标签显示</font></font></a></div>
     <div class="ma_13" id="divset4" ><font size=2>
    <a href="/admin_templateSelect.aspx" onclick="SpaceClass(1)">
    <font face="宋体"><span style="text-decoration: none">◆ </span>
    </font></a></font>
    <a href="/admin_pwdModify.aspx" onclick="SpaceClass(4)">
    <font size=2>修改密码</font></a></div>
     <div class="ma_13" id="divset5"><font size=2>
    <a href="/admin_templateSelect.aspx" onclick="SpaceClass(1)">
    <font face="宋体"><span style="text-decoration: none">◆ </span>
    </font></a></font>
    <a href="/admin_messageboard.aspx" onclick="SpaceClass(5)">
    <font size=2>查看留言</font></a></div>
     <div class="ma_13" id="divset6"><font size=2>
    <a href="/admin_templateSelect.aspx" onclick="SpaceClass(1)">
    <font face="宋体"><span style="text-decoration: none">◆ </span>
    </font></a></font>
    <a href="/admin_link.aspx" onclick="SpaceClass(6)">
    <font size=2>友情链接</font></a></div>
   </div>

   <!--
   <div class="ma_11_1" id="dv9"><a href='javascript:showdv("9")' class="menu_left">音乐管理</a></div>
   <div class="ma_12" id="dvShow9" style="display:none">
     <div class="ma_13" id="divset36"><a href="/admin_uploadmusic.aspx" onclick="SpaceClass(36)">上传音乐</a></div>
     <div class="ma_13" id="divset37"><a href="/admin_managemedia.aspx" onclick="SpaceClass(37)">音乐管理</a></div>
     <div class="ma_13" id="divset38"><a href="/admin_managevideo.aspx" onclick="SpaceClass(38)">视频管理</a></div>
     <div class="ma_13" id="divset39"><a href="/admin_manageob.aspx" onclick="SpaceClass(39)">伴奏管理</a></div>    
   </div>
   <!---->
</div>
 </td>
  </tr>
</table>

相关文章推荐

网页下拉菜单3种实现

  • 2015年12月16日 14:14
  • 44KB
  • 下载

bootstrap开发网页之导航栏(下拉菜单 响应式)

现代浏览器博物馆 body {padding-top: 70px;} ...

网页特效下拉菜单制作

  • 2010年02月10日 07:31
  • 48KB
  • 下载

网页下拉菜单之CSS实现

网页下拉菜单的实现 一、什么是网页下拉菜单?                      网页下拉菜单就是多级菜单,最为简单的就是二级菜单,如下图所示:                 二、网页下拉菜...

用css实现网页下拉菜单

用css实现网页下拉菜单

(自学收获)纯css网页小部件--下拉菜单

纯css的5种下拉菜单,看了别人的文章,重新做了一遍,总结了一下,不详细。属于转载,长得老,转载不违法。(还加了一个三级下拉菜单,愿意一样换汤不换药)...

标准的网页下拉菜单(符合web标准)

css菜单演示             *{margin:0;padding:0;border:0;}         body {          font-family: arial,...

无javascript,纯CSS制作的网页下拉菜单

网页点名(下拉菜单版本)

效果图:First,把名单另存为.htmlSecond,把生成的table复制到html里面(位置随便),在给每个table一个idThird,看代码: ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:网页中的下拉菜单
举报原因:
原因补充:

(最多只允许输入30个字)