JavaScript实现向右伸出的多级网页菜单效果

本文实例讲述了Javascript实现向右伸出的多级网页菜单效果。分享给大家供大家参考。具体如下：

这里使用Javascript实现向右伸出的多级网页菜单效果，鼠标放在左侧的主菜单上，右侧就伸展出二级菜单，基本没有美化，新手所写，欢迎指正，需要完善的地方还挺多。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-right-show-web-menu-codes/

具体代码如下：

      




*{
padding:0;
margin:0;
}
li{
list-style:none;
}
ul{
background:rgb(200,13,34);
width:250px;
float:left;
}
b{
display:block;
width:500px;
height:40px;
background:rgb(24,122,173);
}
ul li{
height:32px;
}
ul li:hover{
height:32px;
background:orange;
}
#nav1{
position:absolute;
}
#nav3{
position:relative;
left:0;
background:green;
visibility:hidden;
} 



  
   

    
文学
    
艺术
    
摄影
   
   

    
1-1
    
2-1
    
3-1
   
  

希望本文所述对大家的javascript程序设计有所帮助。