首页>>Jquery文字>>自定义多层级连网页右键(2013-12-12)

自定义多层级连网页右键

自定义多层级连网页右键
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div id="download">Right Click to Demo <span class="amp">&</span> Download</div>  

 

JavaScript Code
  1. $(document).ready(function(){  
  2.       
  3.     context.init({preventDoubleContext: false});  
  4.       
  5.     context.attach('.inline-menu', [  
  6.         {header: 'Options'},  
  7.         {text: 'Open', href: '#'},  
  8.         {text: 'Open in new Window', href: '#'},  
  9.         {divider: true},  
  10.         {text: 'Copy', href: '#'},  
  11.         {text: 'Dafuq!?', href: '#'}  
  12.     ]);  
  13.       
  14.     context.attach('#download', [  
  15.           
  16.         {header: 'Download'},  
  17.         {text: 'The Script', subMenu: [  
  18.             {header: 'Requires jQuery'},  
  19.             {text: 'context.js', href: '#', target:'_blank', action: function(e){  
  20.                 _gaq.push(['_trackEvent', 'ContextJS Download', this.pathname, this.innerHTML]);  
  21.             }}  
  22.         ]},  
  23.         {text: 'The Styles', subMenu: [  
  24.           
  25.             {text: 'context.bootstrap.css', href: '#', target:'_blank', action: function(e){  
  26.                 _gaq.push(['_trackEvent', 'ContextJS Bootstrap CSS Download', this.pathname, this.innerHTML]);  
  27.             }},  
  28.               
  29.             {text: 'context.standalone.css', href: '#', target:'_blank', action: function(e){  
  30.                 _gaq.push(['_trackEvent', 'ContextJS Standalone CSS Download', this.pathname, this.innerHTML]);  
  31.             }}  
  32.         ]},  
  33.         {divider: true},  
  34.         {header: 'Meta'},  
  35.         {text: 'The Author', subMenu: [  
  36.             {header: '@freejs'},  
  37.             {text: 'Website', href: 'http://www.freejs.net/', target: '_blank'},  
  38.             {text: 'freejs', href: 'http://www.freejs.net', target: '_blank'},  
  39.             {text: 'Donate?', action: function(e){  
  40.                 e.preventDefault();  
  41.                 $('#donate').submit();  
  42.             }}  
  43.         ]},  
  44.         {text: 'Hmm?', subMenu: [  
  45.             {header: 'Well, thats lovely.'},  
  46.             {text: '2nd Level', subMenu: [  
  47.                 {header: 'You like?'},  
  48.                 {text: '3rd Level!?', subMenu: [  
  49.                     {header: 'Of course you do'},  
  50.                     {text: 'MENUCEPTION', subMenu: [  
  51.                         {header:'FUCK'},  
  52.                         {text: 'MAKE IT STOP!', subMenu: [  
  53.                             {header: 'NEVAH!'},  
  54.                             {text: 'Shieeet', subMenu: [  
  55.                                 {header: 'WIN'},  
  56.                                 {text: 'Dont Click Me', href: 'http://freejs.net/', target:'_blank', action: function(){  
  57.                                     _gaq.push(['_trackEvent', 'ContextJS Weezy Click', this.pathname, this.innerHTML]);  
  58.                                 }}  
  59.                             ]}  
  60.                         ]}  
  61.                     ]}  
  62.                 ]}  
  63.             ]}  
  64.         ]}  
  65.     ]);  
  66.       
  67.     context.settings({compress: true});  
  68.       
  69.     context.attach('html', [  
  70.         {header: 'Compressed Menu'},  
  71.         {text: 'Back', href: '#'},  
  72.         {text: 'Reload', href: '#'},  
  73.         {divider: true},  
  74.         {text: 'Save As', href: '#'},  
  75.         {text: 'Print', href: '#'},  
  76.         {text: 'View Page Source', href: '#'},  
  77.         {text: 'View Page Info', href: '#'},  
  78.         {divider: true},  
  79.         {text: 'Inspect Element', href: '#'},  
  80.         {divider: true},  
  81.         {text: 'Disable This Menu', action: function(e){  
  82.             e.preventDefault();  
  83.             context.destroy('html');  
  84.             alert('html contextual menu destroyed!');  
  85.         }},  
  86.         {text: 'Donate?', action: function(e){  
  87.             e.preventDefault();  
  88.             $('#donate').submit();  
  89.         }}  
  90.     ]);  
  91.       
  92.       
  93.     $(document).on('mouseover', '.me-codesta', function(){  
  94.         $('.finale h1:first').css({opacity:0});  
  95.         $('.finale h1:last').css({opacity:1});  
  96.     });  
  97.       
  98.     $(document).on('mouseout', '.me-codesta', function(){  
  99.         $('.finale h1:last').css({opacity:0});  
  100.         $('.finale h1:first').css({opacity:1});  
  101.     });  
  102.       
  103. });  

 


原文地址:http://www.freejs.net/article_jquerywenzi_169.html