网页中的下拉菜单

原创 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>

网页下拉菜单之CSS实现

网页下拉菜单的实现 一、什么是网页下拉菜单?                      网页下拉菜单就是多级菜单,最为简单的就是二级菜单,如下图所示:                 二、网页下拉菜...
  • CoralLMY
  • CoralLMY
  • 2017年03月04日 13:54
  • 3109

网页中导航栏实现子菜单下拉效果

一、实现方式 通常菜单会用的形式实现:如 二、点击时子菜单下拉效果
  • u011387028
  • u011387028
  • 2016年03月09日 16:03
  • 4851

Js作下拉菜单跳转

function  browse(form ,i){var site=form.elements[i].selectedIndex;if($site>0){   top.location=form.e...
  • JOE4011
  • JOE4011
  • 2006年04月14日 11:48
  • 1924

CSS网页布局:下拉及多级弹出式菜单

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 下拉及多级...
  • yan0639
  • yan0639
  • 2013年07月15日 11:30
  • 442

iframe的下拉菜单

Demo页面:主页面 iframe_a.html ,被包含页面 iframe_b.htm 和 iframe_c.html 下面开始讲:   通过Google搜索iframe 自适应高...
  • u013214707
  • u013214707
  • 2014年01月03日 09:48
  • 985

IE9无法显示下拉菜单解决办法

 IE9无法显示下拉菜单解决方案 不知什么时候IE浏览器突然变成了这样,下拉菜单无法显示(或可以选择,但文字无法显示) 搞了半天终于解决了,怕以后忘记了,赶紧记录下来 1、IE...
  • wangxiaofei2006
  • wangxiaofei2006
  • 2014年05月27日 17:16
  • 13131

php简单的下拉菜单

menudemo #nav{ width: 500px; height:40px; background-color: #eee; margin: auto; } ...
  • summerkxy
  • summerkxy
  • 2014年11月03日 20:37
  • 666

网页中下拉菜单的实现

使用css样式中的hover选择器,来设置鼠标悬停的效果 其定义和用法: :hover在鼠标移到链接上时添加的特殊样式。 :hover 选择器器可用于所有元素,不仅是链接。 再使用css...
  • yun66666
  • yun66666
  • 2017年09月26日 15:38
  • 90

vb.net制作简单的下拉菜单:

(1)首先写两个js函数,获得页面中需要获得点的x,y坐标(如果是已经确定该点的位置,则可以不写): function pageX(elem) {             return elem....
  • XiaoKanZheShiJie
  • XiaoKanZheShiJie
  • 2014年07月16日 21:53
  • 490

设计网页的下拉菜单

根据上述下拉菜单的特点,我们就可以开始在网页中制作下拉菜单了。我们在网页的顶部放置一个区域,用于显示主菜单条,每一个主菜单条作为一个超链接横向置于该区域中,当然除非菜单项没有子菜单,一般情况下这里的超...
  • Jiecb
  • Jiecb
  • 2007年08月22日 10:52
  • 508
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:网页中的下拉菜单
举报原因:
原因补充:

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