js实现完全自定义可带多级目录的网页鼠标右键菜单方法

本文实例讲述了js实现完全自定义可带多级目录的网页鼠标右键菜单方法。分享给大家供大家参考。具体分析如下：

这是很不错的一个网页鼠标特性，这个代码可以控制网页中鼠标的右键菜单，完全按照你的意思打造，可以带多级的目录显示。
复制代码 代码如下:





html,body{height:100%;overflow:hidden;}
body,div,ul,li{margin:0;padding:0;}
body{font:12px/1.5 5fae8f6f96c59ed1;}
ul{list-style-type:none;}
#rightMenu{position:absolute;top:-9999px;left:-9999px;}
#rightMenu ul{float:left;border:1px solid #979797;background:#f1f1f1 url(images/line.png) 24px 0 repeat-y;padding:2px;box-shadow:2px 2px 2px rgba(0,0,0,.6);}
#rightMenu ul li{float:left;clear:both;height:24px;cursor:pointer;line-height:24px;white-space:nowrap;padding:0 30px;}
#rightMenu ul li.sub{background-repeat:no-repeat;background-position:right 9px;background-image:url(images/arrow.png);}
#rightMenu ul li.active{background-color:#f1f3f6;border-radius:3px;border:1px solid #aecff7;height:22px;line-height:22px;background-position:right -8px;padding:0 29px;}
#rightMenu ul ul{display:none;position:absolute;}

• Javascript 学习


• 
  考高分网
  
  
  
  • 网页特效原理分析
  
  
  • 响应用户操作
  
  
  • 提示框效果
  
  
  • 事件驱动
  
  
  • 元素属性操作
  
  
  
  


• 
  www.jb51.net
  
  
  
  • 改变网页背景颜色
  
  
  • 函数传参
  
  
  • 高重用性函数的编写
  
  
  • 126邮箱全选效果
  
  
  • 循环及遍历操作
  
  
  
  


• 
  第三课
  
  
  
  • 
    Javascript组成
    
    
    
    • ECMAscript
    
    
    • DOM
    
    
    • BOM
    
    
    • Javascript兼容性来源
    
    
    
    
  
  
  • Javascript出现的位置、优缺点
  
  
  • 变量、类型、typeof、数据类型转换、变量作用域
  
  
  • 
    闭包
    
    
    
    • 什么是闭包
    
    
    • 简单应用
    
    
    • 闭包缺点
    
    
    
    
  
  
  • 运算符
  
  
  • 程序流程控制
  
  
  • 
    定时器的使用
    
    
    
    • setInterval
    
    
    • setTimeout
    
    
    
    
  
  
  
  

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