一个简单的2级菜单

qsrock

浏览: 421017 次
性别:
来自: 广州

最近访客更多访客>>

痞夫balabala

sunny4396

bayuan0414

孙邵聪

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javascript

Microsoft HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <meta name="generator" content="Bluefish 1.0.7">
  <meta name="author" content="root">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
<style>
a {
       font-family:Arial, Helvetica, sans-serif;
       font-size:10px;
       color:#666;
       text-decoration:none;
}

a:hover {
       color:#F90;
       text-decoration:underline;
}

a:vistied {
       color:#666;
       text-decoration:none;
}

#tree li {
       color:#666;
       font-size:10px;
       font-family:Arial, Helvetica, sans-serif;
       line-height:180%;
       list-style:none;
}

#tree ul {
       margin-left:16px;
       padding-left:0px;
       display:none;
}

</style>
<script type="text/javascript">
       var lastSubMenuID;
       //记录最后点击的子菜单
       function doRecord(subMenuID) {
              document.getElementById(subMenuID).style.display = "none";
              //alert(subMenuID);
              lastSubMenuID = subMenuID;
       }
       
       //隐藏子菜单
       function hideLastSubMenu() {
              if(lastSubMenuID == undefined || lastSubMenuID == "") {
                     return;
              } else {
                     var lastSubMenu = document.getElementById(lastSubMenuID);
                //     alert(lastSubMenu);
                     lastSubMenu.style.display = "none";
              }
       }
       
       //显示子菜单
       function showSubMenu(subMenuID) {
             //alert(subMenuID);
              if(lastSubMenuID == subMenuID) {
                     if(document.getElementById(lastSubMenuID).style.display == "block") {
                            document.getElementById(lastSubMenuID).style.display = "none";
                            return;
                     }
              }
              
              if(lastSubMenuID == undefined) {
                     doRecord(subMenuID);
              }else{
                     hideLastSubMenu();
                     doRecord(subMenuID);
              }
              changeMenuState(subMenuID);
       }
       
       //改变子菜单的样式
       function changeMenuState(subMenuID) {
             //alert(subMenuID);
              var subMenu = document.getElementById(subMenuID);
              //subMenu.style.filter = "progidXImageTransform.Microsoft.Wipe()";
              //subMenu.filters[0].apply();
              subMenu.style.display = "block";
              //subMenu.filters[0].play();
       }
</script>
</HEAD>

<BODY>
       <ul id="tree">
       <li id="mainMenu1">
       <a href="#" onClick="showSubMenu('main1SubMenu');">Syringes</a>
              <ul id="main1SubMenu">
                     <li><a href="#" class="link1">Safety Syringes</a></li>
                     <li><a href="#" class="link1">0.1ml Safety...</a></li>
                     <li><a href="#" class="link1">0.5ml Safety...</a></li>
              </ul>
       </li>
       
       <li id="mainMenu2">
       <a href="#" onClick="showSubMenu('main2SubMenu');">Moulds</a>
              <ul id="main2SubMenu">
                     <li><a href="#" class="link1">Hot Runner...</a></li>
                     <li><a href="#" class="link1">Semi-Hot...</a></li>
                     <li><a href="#" class="link1">Cold Runner...</a></li>
              </ul>
       </li>
       
       <li id="mainMenu3">
       <a href="#" onClick="showSubMenu('main3SubMenu');">Moulds</a>
              <ul id="main3SubMenu">
                     <li><a href="#" class="link1">Hot Runner...</a></li>
                     <li><a href="#" class="link1">Semi-Hot...</a></li>
                     <li><a href="#" class="link1">Cold Runner...</a></li>
              </ul>
       </li>

       <li id="mainMenu4">
       <a href="#" onClick="showSubMenu('main4SubMenu');">Moulds</a>
              <ul id="main4SubMenu">
                     <li><a href="#" class="link1">Hot Runner...</a></li>
                     <li><a href="#" class="link1">Semi-Hot...</a></li>
                     <li><a href="#" class="link1">Cold Runner...</a></li>
              </ul>
       </li>
  </ul>
</BODY>
</HTML>

分享到：

javascript学习笔记(1) | mysql优化(InnoDB)

2007-12-04 15:38
浏览 1849
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

一个简单的2级菜单

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

一个简单的2级菜单

评论

发表评论

相关推荐

javascript url 传递参数中文乱码问题解决方案

javascript创建节点div时，设置float属性不能生效

关于javascript的Array对象

javascript离开当前页面就出发事件

用javascript向多选框添加监听事件！

(网页一开始就加载)用JS弹出网页对话框后，后面那一层变灰，变成不可操做。

替代全角和半角括号的方法示例

javascript中的各种输入限制

有关层定位、显示、隐藏的例子

想把某些内容固定在某些地方总是显示当前页面上

css细线表格

jquery手记

css细线表格

用JS弹出网页对话框后，后面那一层变灰，变成不可操做。

javascript+CSS下拉菜单演示

javascript 显示剩余的时间

javascript屏蔽按健

javascript时间差

window.open() 父子页面的传参&传值问题

firefox并不支持selectSingleNode和selectNodes的解决方法

最近访客更多访客>>