时间:2021-05-26
复制代码 代码如下:
$(function(){
document.oncontextmenu=function(){return false;}//屏蔽右键
document.onmousemove=mouseMove;//记录鼠标位置
});
var mx=0,my=0;
function mouseMove(ev){Ev=ev||window.event;var mousePos=mouseCoords(Ev);mx=mousePos.x;my=mousePos.y;}
function mouseCoords(ev){
if(ev.pageX||ev.pageY){return{x:ev.pageX,y:ev.pageY};}
return{x:ev.clientX,y:ev.clientY+$(document).scrollTop()};
}
$.fn.extend({RightMenu: function(id,options){options = $.extend({menuList:[]},options);var menuCount=options.menuList.length;
if (!$("#"+id)[0]){
var divMenuList="<div id=\""+id+"\" class=\"div_RightMenu\"><div><ul class='ico'>";
for(var i=0;i<menuCount;i++){
divMenuList+="<li class=\"RMli_"+options.menuList[i].menuclass+"\" onclick=\""+options.menuList[i].clickEvent+"\">"+options.menuList[i].menuName+"</li>";
}
divMenuList += "</ul></div><div>";
$("body").append(divMenuList).find("#"+id).hide().find("li")
.bind("mouseover",function(){$(this).addClass("RM_mouseover");})
.bind("mouseout",function(){$(this).removeClass("RM_mouseover");});
$(document).click(function(){$("#"+id).hide();});
}
return this.each(function(){
this.oncontextmenu=function(){
var mw=$('body').width(),mhh=$('html').height(),mbh=$('body').height(),
w=$('#'+id).width(),h=$('#'+id).height(),
mh=(mhh>mbh)?mhh:mbh;//最大高度 比较html与body的高度
if(mh<h+my){my=mh-h;}//超 高
if(mw<w+mx){mx=mw-w;}//超 宽
$("#"+id).hide().css({top:my,left:mx}).show();
}
});
}
});
在线演示 右键点击测试效果
打包下载
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
电脑设置兼容模式的方法: 1、打开IE浏览器后没有看到菜单栏导航,我们可以在IE浏览器最上方的空白处右键鼠标,然后将菜单栏勾选中。 2、点击IE浏览器菜单栏
本文实例讲述了jQuery实现网页抖动的菜单抖动效果。分享给大家供大家参考。具体如下:这里的jQuery抖动导航菜单效果,兼容IE7/8/9及其它主流浏览器,使
搜狗浏览器设置兼容模式的方法如下: 1、在打开网页的空白位置点击右键,然后在弹出菜单中选择兼容模式菜单项,这样就可以直接把该网页使得兼容模式打开了; 2、还
main.htm:iframe自适应其加载的网页(多浏览器兼容)iframe自适应其加载的网页(多浏览器兼容,支持XHTML)=================
以ie浏览器为例,浏览器不兼容的解决方法如下: 1、首先打开IE浏览器,随意进入一个页面; 2、点击“工具”选项,会跳出一个菜单,下拉菜单选择“兼容性视图设