zoukankan      html  css  js  c++  java
  • 在鼠标单击位置显示一个层,而不影响其它超级链接或按钮

    (现在是捕捉右键,稍微改改更猛)   
       <!doctype    html    public    "-//W3C//DTD    HTML    4.0    Transitional//EN">   
       <html>   
       <head>   
       <title>    Popup    </title>   
       <meta    name="Generator"    content="EditPlus">   
       <meta    name="Author"    content="">   
       <meta    name="Keywords"    content="">   
       <meta    name="Description"    content="">   
       <script    language="JavaScript">   
       <!--   
       //check    left    mouse    button   
       function    domouse()   
       {   
       if    (event.button==2)(doalert());   
       }   
        
       //Pop    Menu    function   
       var    MenuSkin=0;   
       var    displayURL=0;   
       function    popMenu()   
       {   
         var    rightEdge=document.body.clientWidth-event.clientX;   
         var    bottomEdge=document.body.clientHeight-event.clientY;   
         if(rightEdge<IE5Menu.offsetWidth)    IE5Menu.style.left=document.body.scrollLeft+event.clientX-IE5Menu.offsetWidth;   
         else    IE5Menu.style.left=document.body.scrollLeft+event.clientX;   
         if(bottomEdge<IE5Menu.offsetHeight)    IE5Menu.style.top=document.body.scrollTop+event.clientY-IE5Menu.offsetHeight;   
         else    IE5Menu.style.top=document.body.scrollTop+event.clientY;   
         IE5Menu.style.visibility="visible";   
         return    false;   
       }   
       function    hideMenu()   
       {   
         IE5Menu.style.visibility="hidden";   
       }   
       function    highLight()   
       {   
         if(event.srcElement.className=="MenuItems")   
         {   
           event.srcElement.style.backgroundColor="highlight";   
           event.srcElement.style.color="white";   
           if(displayURL==1)    window.status=event.srcElement.url;   
         }   
       }   
       function    lowLight()   
       {   
         if(event.srcElement.className=="MenuItems")   
         {   
           event.srcElement.style.backgroundColor="";   
           event.srcElement.style.color="black";   
           window.status='';   
         }   
       }   
       function    linkTo()   
       {   
         if(event.srcElement.className=="MenuItems")   
         {   
           if(event.srcElement.getAttribute("target")!=null)    window.open(event.srcElement.url,event.srcElement.getAttribute("target"));   
           else    window.location=event.srcElement.url;   
         }   
       }   
       function    initMenu()   
       {   
         if(document.all&&window.print)   
         {   
           IE5Menu.className="MenuSkin0";   
           document.oncontextmenu=popMenu;   
           document.body.onclick=hideMenu;   
         }   
       }   
       //End    function   
       //-->   
       </script>   
        
       <style>   
       .MenuItems{padding-left:15px;    padding-right:10px}   
       .MenuSkin0{background-color:menu;border-top:buttonhighlight    2px    outset;border-bottom:buttonhighlight    2px    outset;border-left:buttonhighlight    2px    outset;border-right:buttonhighlight    2px    outset;line-height:15pt;font-size:9pt;cursor:default;position:absolute;visibility:hidden;z-index:1;150px}   
       </style>   
        
       </head>   
        
       <body    bgcolor="#FFFFFF"      onLoad="initMenu()">   
       <div    class="MenuSkin0"    id="IE5Menu"    onclick="linkTo()"    onmouseout="lowLight()"    onmouseover="highLight()">   
         <div    align="center">【精采家园网】</div><hr>   
         <div    class=MenuItems    url="JavaScript:history.go(-1)">后退(Backward)</div>   
         <div    class=MenuItems    url="JavaScript:history.go(+1)">前进(Forward)</div>   
         <div    class=MenuItems    url="JavaScript:location.reload()">刷新(Reload)</div><hr>   
         <div    class=MenuItems    url="/index.htm">【影音视界】</div>   
         <div    class=MenuItems    url="/index.htm">【相关文章】</div>   
         <div    class=MenuItems    url="/index.htm">【精采软件】</div>   
         <div    class=MenuItems    url="Others/about.htm">【关于本站】</div><hr>   
         <div    class=MenuItems    url="/gbook"    target="_blank">留言簿(Message)</div>   
         <div    class=MenuItems    url="mailto:aa@aa.com.cn">给我来信(Mail    me!)</div><hr>   
         <div    class=MenuItems    url="JavaScript:window.external.AddFavorite('http://www.aaa.com','【我的主页】 ')">将本站添加到收藏夹</div>   
       </div>   
       </body>   
       </html>
  • 相关阅读:
    三、sersync+rsync实现服务器文件实时同步
    二、Linux实时同步软件之inotify
    一、rsync基础原理
    Samba实战
    DHCP企业实战
    NTP服务器企业实战
    Vsftpd服务器原理及部署
    Python的五大数据类型的作用、定义方式、使用方法,两种交互式方式,格式化输出的三种方式练习。
    pycharm快捷键,变量,字符串,类型的操作方法
    python基础归纳练习 python两种方式,垃圾回收机制,小数整池,数字类型,字符串类型。
  • 原文地址:https://www.cnblogs.com/liufei88866/p/1914463.html
Copyright © 2011-2022 走看看