首先非常感谢网友小鸟的无私分享,此Jquery特效实现了右键菜单功能,是一款非常实用的作品,用法很简单,代码也很少,非常适合学习Jquery的网友们,大家好好去看一下下哦。。
核心代码如下:
//取消右键
$('html').on('contextmenu', function (){return false;}).click(function(){
$('.popup_menu').hide();
});
//桌面点击右击
$('html').on('contextmenu',function (e){
var popupmenu = kyoPopupMenu.sys();
l = ($(document).width() - e.clientX) < popupmenu.width() ? (e.clientX - popupmenu.width()) : e.clientX;
t = ($(document).height() - e.clientY) < popupmenu.height() ? (e.clientY - popupmenu.height()) : e.clientY;
popupmenu.css({left: l,top: t}).show();
return false;
});
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
网友小鸟 导航菜单 右键菜单 二级菜单 三级联动 实用特效