【www.gdgbn.com--导航菜单】

网页特效脚本制作二级导航菜单
     相信对于二级导航菜单大部分朋友都不会陌生,因为大部分网站都有用到。但是二级导航菜单是如何实现的,我想大部分朋友还和zero一样一头雾水。不过没关系通过下面的实例,你和我都能解决这个问题。
     2.1、在网页中适当的位置添加一个一级菜单,本例中的一级导航菜单是由一系列空的超级链接组成,这些空的超级链接执行的操作是调用自定义的javascript函数lmenu()显示对应的二级菜单,在调用时需要传递一个标记,即主菜单项的参数。
     2.2、在网页中显示二级菜单的指定位置添加一个名为submenu的div层。
     2.3、编写自定义的javascript函数lmenu(),用于鼠标移动到某一个一级菜单时,根据传递的参数值在页面中指定的位置显示对应的二级菜单,并设置二级菜单的名称及链接文件。
     2.4、在ie浏览器中打开,并将鼠标移动到相应的一级菜单。 

    实例代码:
     



应用javascript脚本制作二级导航菜单
 

 
   
     
         
     
     
       
         
             
            php教程”>首 页
            新品上架
            购物车
            会员中心
            在线帮助
             
         
                                 
     
     
         
         
     <script language=”javascript”>
   function lmenu(value){
    switch (value){
     case “新品”:
      submenu.innerhtml=” 商品展示 | 销售排行榜 | 商品查询 “;
      break;   
     case “购物”:
      submenu.innerhtml=” 添加商品 | 移出指定商品 |清空购物车 | 查询购物车 | 填写订单信息 “;
      break;     
     case “会员”:
      submenu.innerhtml=” 注册会员 | 修改会员 | 账户查询 “;
      break;      
     }
   }
   </script>
     
   
 



运行结果:  javascript二级菜单

本文来源:http://www.gdgbn.com/wangyetexiao/29845/