3种不同的ContextMenu右键菜单演示

简单使用的右键菜单，希望能帮助大家。下面是截图和实例代码下载

 

 "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 "http://www.w3.org/1999/xhtml">

         "Content-Type" content="text/html; charset=utf-8" />
         <span class="number">3</span><span style="color:#000000;">种不同的ContextMenu右键菜单演示
         "text/css">
             .content{margin:0 auto;width:360px;}
             .content p{margin:20px 0 0 0;border:solid 1px #C5D8FF;background:#EDF2FF;padding:10px;}




         class="container">
             class="demo">
                 class="contextMenu" id="myMenu1">
                        
                             "open">"/api/jq/ContextMenu/images/folder.png" /> Open   
                             "email">"/api/jq/ContextMenu/images/email.png" /> Email   
                             "save">"/api/jq/ContextMenu/images/disk.png" /> Save   
                             "delete">"/api/jq/ContextMenu/images/cross.png" /> Delete

  

  

                class="contextMenu" id="myMenu2">  

                    

  
•                         "item_1">Item 1
  
•                         "item_2">Item 2
  
•                         "item_3">Item 3
  
•                         "item_4">Item 4
  
•                         "item_5">Item 5
  
•                         "item_6">Item 6
  
•                         "item_7">Item 7
  
•                         "item_8">Item 8
  
•                     

  

                

  

  

                class="contextMenu" id="myMenu3">  

                    

  
•                         "item_1">Item 1
  
•                         "item_2">Item 2
  
•                         "item_3">Item 3
  
•                     

  

                

  下载

                class="content">  

                    class="demo1">演示 右键单击我的! !

  

                    class="demo2">在这个段落里面右键点击触发菜单

  

                    "font-weight: bold;">  

                        class="demo3" id="dontShow" style="padding: 5px; background-color:pink">不显示菜单  

                        class="demo3" id="showOne" style="padding: 5px;background-color:lightgreen">显示第一项  

                        class="demo3" id="showAll" style="padding: 5px;background-color:lightblue">全部显示