Js+DVML:很酷实用的右键弹出菜单

2024-05-15 23:37:17

<HTML xmlns:v><HEAD>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>网页特效|wuym.com|---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>

转载于:https://www.cnblogs.com/zbqy/archive/2007/04/14/712793.html

Js+DVML:很酷实用的右键弹出菜单相关推荐

vb在 ListBox 之中点击右键弹出菜单
'1.API 的声明: Const LB_ITEMFROMPOINT = &H1A9 Private Declare Function SendMessage Lib "user32 ...
vue实现echarts树图修改节点图片，修改连线颜色，鼠标悬停显示详情，鼠标右键弹出菜单，搜索，导出PNG，高亮，查看节点是否还有子节点，修改树图的展示方式
其实这些效果之前都有用js写过,但是最近在写vue项目,里面的些许语法还是有些不一样的,所以还是写一遍文章总结一下,下次遇到就可以直接用了. 如果想看js写法,可以看我别的文章首先,实现效果入下图: ...
vc+如何添加右键弹出菜单
2019独角兽企业重金招聘Python工程师标准>>> 一.创建新工程二.编辑菜单资源 1.添加菜单按"Ctrl+R",双击"Menu"图 ...
DirectUI界面编程（六）实现右键弹出菜单
本节向大家介绍一下右键弹出菜单是如何实现的.效果如下,在窗口中点击鼠标右键弹出菜单,点击菜单项能够响应菜单点击事件. 使用Duilib库实现的弹出菜单,实际上也是一个Windows窗口,因此我们需要创 ...
java右键弹出菜单_javascript自定义右键弹出菜单实现方法
本文实例讲述了javascript自定义右键弹出菜单实现方法.分享给大家供大家参考.具体实现方法如下: 无标题页 var oPopup = window.createPopup(); function ...
wpf 代码获取contextmenu_[C#] 转：在WPF里面获取右键弹出菜单（ContextMenu）的鼠标点击源（Owner）控件...
WPF的ContextMenu没有类似WinForm里面ContextMenu.SourceControl的概念,但是你可以通过ContextMenuService的GetPlacementTarge ...
右键弹出菜单和快捷键的设置
写MFC,少不了用到菜单和快捷键,此处我用到了右键菜单.我的项目是一个播放器的实现,那么在屏幕中央右键点击,应该会弹出右键菜单,比如播放,暂停等,如我这样: 对应的每一个菜单应该还有相应的快捷键.那么 ...
梦想CAD控件网页版右键弹出菜单
用户需要右键弹出菜单,则需要响应鼠标事件,右键按下后,弹出菜单分为在命令下运行及在非命令下运行,具体介绍如下 : 一.新建菜单文件 1.新一个文本文件: mxpoptest.mnu,内容如下(此文件为 ...
梦想CAD控件com接口界面控制右键弹出菜单
用户需要右键弹出菜单,则需要响应鼠标事件,右键按下后,弹出菜单分为在命令下运行及在非命令下运行,具体介绍如下(C#语言参考例子:"samples\CSharpRightKeyMenu\CSh ...

最新文章

热门文章