zoukankan      html  css  js  c++  java
  • 右键弹出菜单

    <HTML xmlns:v><HEAD>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>网页特效代码|JsCode.CN|---Js+DVML:很酷实用的右键弹出菜单</title>
    <STYLE>
    v\:*{behavior:url(#default#VML);}
    .menulist{position:static;PADDING-TOP:6;LETTER-SPACING:8;HEIGHT:20;TEXT-ALIGN:center;margin-bottom:-2}
    </STYLE>
    </head>

    <BODY oncontextmenu='return false'>

    <Script>
    //作者:风云舞
    var menutime1=null,showobjs1=null //menutime1=循环计时器调用变量,showobjs1=绑定菜单,定时器过程执行时调用
    function document.onmouseup(){if(event.button==2)menushow(menu2,60,10)}
    function menushow(showobjs,showwid,showsudu){ //右键菜单展开函数
    //函数说明:menushow(菜单id,项平均宽度,伸展速度)
    if(menutime1!=null){clearInterval(menutime1);menutime1=null}
    showobjs.style.left=event.x;showobjs.style.top=event.y;
    showobjs1=showobjs.all.tags("roundrect");var showlens=showobjs1.length
    for(i=0;i<showlens;i++){showobjs1[i].style.width=0;showobjs1[i].style.visibility="hidden"}
    showobjs.style.display=""
    menutime1=setInterval("for(i=0;i<"+showlens+";i++){showobjs1[i].style.visibility='';if(showobjs1[i].offsetWidth<"+showwid+"){showobjs1[i].style.width=showobjs1[i].offsetWidth+"+showsudu+";break;}else{if(i=="+(showlens-1)+"){clearInterval(menutime1);menutime1=null}}}",20)
    }
    function menuclose(showobjs2,showsudu2){ //右键菜单关闭函数
    //函数说明:menushow(菜单id,关闭压缩速度)
    if(menutime1!=null)return false
    showobjs1=showobjs2.all.tags("roundrect");var showlens=showobjs1.length-1
    menutime1=setInterval("for(i="+showlens+";i>-1;i--){if(showobjs1[i].offsetWidth>0){try{showobjs1[i].style.width=showobjs1[i].offsetWidth-"+showsudu2+";break;}catch(e){showobjs1[i].style.visibility='hidden';if(i==0){clearInterval(menutime1);menutime1=null}}}}",20)
    }
    </script>

    <span id=menu2 style="position:absolute;Z-INDEX:40000;LEFT:395;TOP:210;color:#739EFE;cursor:hand;display:none;font-size:12px;font-family:宋体" onmouseover="if(event.srcElement.tagName=='roundrect'){event.srcElement.strokecolor='blue';event.srcElement.style.color='blue';event.srcElement.style.marginLeft=10}" onmouseout="if(event.srcElement.tagName=='roundrect'){event.srcElement.strokecolor='#739EFE';event.srcElement.style.color='#739EFE';event.srcElement.style.marginLeft=0}">
    <v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE>
    <v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/><a target=_blank href=http://jscode.cn>网格</a></v:roundrect><br>
    <v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE>
    <v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>矩阵</v:roundrect><br>
    <v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE>
    <v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>分界线</v:roundrect><br>
    <v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE>
    <v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>刷新</v:roundrect><br>
    <v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE>
    <v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>设置</v:roundrect><br>
    <v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE>
    <v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>项</v:roundrect><br>
    <v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE>
    <v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>项.</v:roundrect><br>
    <v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE>
    <v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>项..</v:roundrect><br>
    <v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE>
    <v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>项...</v:roundrect><br>
    <v:roundrect class=menulist arcsize=0.5 strokecolor=#739EFE onmouseup="menuclose(menu2,30)">
    <v:fill type=gradient opacity=.4 color=#739EFE color2=white angle="50"/>取消</v:roundrect>
    </span>
    </body>

    </html>

  • 相关阅读:
    【二十五】cookie与session学习总结
    【二十四】使用mysqli扩展类批量执行多条sql语句
    【二十三】php之预定义超全局变量
    【二十二】mysqli事务处理与预处理总结
    【二十一】基于mysqli的表格数据练习
    【二十】mysqli基于面向过程与面向对象的编程
    为什么所有浏览器的userAgent都带Mozilla
    如何快速的搜索自己想要的资料
    从汇编看c++成员函数指针(三)
    从汇编看c++中指向成员变量的指针(二)
  • 原文地址:https://www.cnblogs.com/jcomet/p/1242831.html
Copyright © 2011-2022 走看看