zoukankan      html  css  js  c++  java
  • jquery 简短 右键菜单 兼容ie6 ie7 ie8 firefox chrome

     

    $(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=$(document).width(),mh=$(document).height(),
                w=$('#'+id).width(), h=$('#'+id).height();
             if(mh<h+my){my=my-h;}//超 高
             if(mw<w+mx){mx=mx-w;}//超 宽
          /*} 当然也可以直接跳过*/

                $("#"+id).hide().css({top:my,left:mx}).show();
            }
        });
        }
    });

    /Files/Task/rm.rar

  • 相关阅读:
    细看运维85条军规,是否触动了你内心深处那根弦?
    SQL语句的CRUD
    sqlserver数据库类型对应Java中的数据类型
    Struts2文件上传--多文件上传(插件uploadify)
    web.xml文件详解
    关于Java的散列桶, 以及附上一个案例-重写map集合
    hibernate多表查询封装实体
    spring的7个模块
    Struts标签库详解【3】
    Struts标签库详解【2】
  • 原文地址:https://www.cnblogs.com/Task/p/1635851.html
Copyright © 2011-2022 走看看