Javascript Context Menu Ex - dhtml popup menu mode
from: http://dhtml-menu.com/examples/ex8-javascript-context-menu.html
代码
http://dhtml-menu.com/examples/data-popup2.js.txt
代码
1 var popupMode=1;
2
3 var blankImage="img/blank.gif";
4 var isHorizontal=0;
5 var menuWidth=0;
6 var absolutePos=0;
7 var posX=20;
8 var posY=10;
9 var floatable=0;
10 var floatIterations=5;
11 var movable=0;
12 var moveCursor="move";
13 var moveImage="img/movepic4.gif";
14 var moveWidth=12;
15 var moveHeight=18;
16 var fontStyle="normal 8pt Tahoma";
17 var fontColor=["#3B3B3B","#FFFFFF"];
18 var fontDecoration=["none","none"];
19 var itemBackColor=["#FFFFEE","#4D74FD"];
20 var itemBorderWidth=0;
21 var itemAlign="left";
22 var itemBorderColor=["",""];
23 var itemBorderStyle=["solid","solid"];
24 var itemBackImage=["",""];
25 var itemSpacing=0;
26 var itemPadding=2;
27 var itemCursor="default";
28 var itemTarget="";
29 var iconTopWidth=16;
30 var iconTopHeight=16;
31 var iconWidth=16;
32 var iconHeight=16;
33 var menuBackImage="";
34 var menuBackColor="";
35 var menuBorderColor="#BFBFBF #737373 #4D4D4D #AAAAAA ";
36 var menuBorderStyle=["solid"];
37 var menuBorderWidth=1;
38 var subMenuAlign="left";
39 var transparency=80;
40 var transition=10;
41 var transDuration=300;
42 var shadowColor="#C7C7C7";
43 var shadowLen=3;
44 var arrowImageMain=["img/arrow_r.gif","img/arrow_r.gif"];
45 var arrowImageSub=["img/arrow_r.gif","img/arrow_r.gif"];
46 var arrowWidth=7;
47 var arrowHeight=7;
48
49 var separatorImage="img/separ1.gif";
50 var separatorWidth="100%";
51 var separatorHeight="5";
52 var separatorAlignment="center";
53
54 var separatorVImage="img/separ1.gif";
55 var separatorVWidth="100&";
56 var separatorVHeight="5";
57 var statusString="text";
58 var pressedItem=-2;
59
60 var menuItems = [
61 ["Open Link","testlink.html"],
62 ["Open Link in New Window","testlink.html","","","","_blank"],
63 ["More Info","testlink.html"],
64 ["|Help","testlink.html"],
65 ["|About","testlink.html"],
66 ];
67
68 apy_init();
69
2
3 var blankImage="img/blank.gif";
4 var isHorizontal=0;
5 var menuWidth=0;
6 var absolutePos=0;
7 var posX=20;
8 var posY=10;
9 var floatable=0;
10 var floatIterations=5;
11 var movable=0;
12 var moveCursor="move";
13 var moveImage="img/movepic4.gif";
14 var moveWidth=12;
15 var moveHeight=18;
16 var fontStyle="normal 8pt Tahoma";
17 var fontColor=["#3B3B3B","#FFFFFF"];
18 var fontDecoration=["none","none"];
19 var itemBackColor=["#FFFFEE","#4D74FD"];
20 var itemBorderWidth=0;
21 var itemAlign="left";
22 var itemBorderColor=["",""];
23 var itemBorderStyle=["solid","solid"];
24 var itemBackImage=["",""];
25 var itemSpacing=0;
26 var itemPadding=2;
27 var itemCursor="default";
28 var itemTarget="";
29 var iconTopWidth=16;
30 var iconTopHeight=16;
31 var iconWidth=16;
32 var iconHeight=16;
33 var menuBackImage="";
34 var menuBackColor="";
35 var menuBorderColor="#BFBFBF #737373 #4D4D4D #AAAAAA ";
36 var menuBorderStyle=["solid"];
37 var menuBorderWidth=1;
38 var subMenuAlign="left";
39 var transparency=80;
40 var transition=10;
41 var transDuration=300;
42 var shadowColor="#C7C7C7";
43 var shadowLen=3;
44 var arrowImageMain=["img/arrow_r.gif","img/arrow_r.gif"];
45 var arrowImageSub=["img/arrow_r.gif","img/arrow_r.gif"];
46 var arrowWidth=7;
47 var arrowHeight=7;
48
49 var separatorImage="img/separ1.gif";
50 var separatorWidth="100%";
51 var separatorHeight="5";
52 var separatorAlignment="center";
53
54 var separatorVImage="img/separ1.gif";
55 var separatorVWidth="100&";
56 var separatorVHeight="5";
57 var statusString="text";
58 var pressedItem=-2;
59
60 var menuItems = [
61 ["Open Link","testlink.html"],
62 ["Open Link in New Window","testlink.html","","","","_blank"],
63 ["More Info","testlink.html"],
64 ["|Help","testlink.html"],
65 ["|About","testlink.html"],
66 ];
67
68 apy_init();
69
Popup Mode Example
Right click on document space to call a right-click context menu.
HTML:
<body bgcolor=#FFFFFF onContextMenu="return apy_popup(1, 1000, event);">
Mouseover the image to see a context dhtml menu:
HTML:
<img src="img/foto1.gif" width=90 height=98 hspace=10 onMouseOver="return apy_popup(0, 2000, event);" align=left>
Mouseover this link to see a second context dhtml menu
HTML:
<a href="testlink.html" onMouseOver="return apy_popup(1, 1000, event);">
Click this link to see a second context dhtml menu
HTML:
<a href="#" onClick="return apy_popup(1, 1000, event);">
To create a popup menu you should set following parameters:
var popupMode=1;
To show a popup menu assign the following function call to event:
yourEvent = "return apy_popup(menuN, pause, event);"
Where:
yourEvent - event type (onMouseOver, onClick, onContextMenu, etc.)
menuN - menu number on page.
pause - inactivity delay.
event - reserved. Do not change.
For example:
<img src="pic" onMouseOver="return apy_popup(0, 2000, event);">
To see configuration file (.js file) click here: popup-menu 1 popup-menu 2.
哲学管理(学)人生, 文学艺术生活, 自动(计算机学)物理(学)工作, 生物(学)化学逆境, 历史(学)测绘(学)时间, 经济(学)数学金钱(理财), 心理(学)医学情绪, 诗词美容情感, 美学建筑(学)家园, 解构建构(分析)整合学习, 智商情商(IQ、EQ)运筹(学)生存.---Geovin Du(涂聚文）
分类:
Ajax&JavaScript
标签:
JavaScript
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 零经验选手，Compose 一天开发一款小游戏！
· 一起来玩mcp_server_sqlite，让AI帮你做增删改查！！