手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js实现的XP风格的右键菜单
js实现的XP风格的右键菜单
摘要:使用说明:在使用前,先建立菜单对象varobj=newMouseMenu("obj");注意,obj要和MouseMenu("obj")的o...

使用说明:

在使用前,先建立菜单对象

varobj=newMouseMenu("obj");

注意,obj要和MouseMenu("obj")的obj相同

如建立了obj那么obj将会有以下方法,开始obj.length=0

方法:

1.addMenu(express[,icon][,url][,target][,title]);

功能:插入一个菜单,并且返回一个功能和上面说提起的obj一样的菜单对象

obj[obj.length]然后obj.length将会+1

说明:

express必须,字符串,显示在插入的菜单上的文本

icon可选,整数(>0),如果后面有选项,你不需要ICON的话,填写""

url可选,字符串,路径

target可选,字符串就是target

title可选,字符串就是title

2.addLink(express,[,icon][,url][,target][,title])

功能:插入一个连接然后obj.length将会+1

说明

express必须,字符串,显示在插入的菜单上的文本

icon可选,整数(>0),如果后面有选项,你不需要ICON的话,填写""

url必须,字符串,路径

target可选,字符串就是target

title可选,字符串就是title

3.addHR()

功能:插入分割线

说明:

他不属于link和menu对象所以使用时,obj.length不变

比如:

varMM=newMouseMenu("MM")

MM.addLink("连接","","http://hello.com")

MM.addHR()

MM.addMenu("菜单")

//下面是MM[1]而不是MM[2]因为MM.addHR()MM.length不会增加

MM[1].addLink("连接","","http://hello.com")

好了,说了这么多,应该会用了吧?

突然有人问:“在哪插入连接……”

……嗯~这个^_^!看上面吧~~~~

附加:在代码中的其他的数据

//---------------有关数据-----------------//

varIconList=newArray();//icon图片集合,下标从1开始

IconList[1]=newImage();

IconList[1].src="icon/sub.gif";

//---------------------------声音开关------声音开关------------------//

varmouseCanSound=true;

varmenuSpeed=50;//----------菜单显示速度------------//

varalphaStep=30;//----------Alpaha变化度-----------//

网页特效|www.jb51.net|---XP风格的右键菜单 .menutable { BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #307ce8 1px solid; BORDER-LEFT: #307ce8 5px solid; BORDER-RIGHT: #307ce8 1px solid; BORDER-TOP: #94bcf3 1px solid; FONT-SIZE: 12px; POSITION: absolute; Z-INDEX: 100 } .menutrin { BACKGROUND-COLOR: #1a71e6; COLOR: #ffffff; CURSOR: hand } .menutrout { COLOR: #000000; CURSOR: hand } .menutd0 { HEIGHT: 25px; TEXT-ALIGN: center; WIDTH: 28px; 改变这个修改菜单高度--->: } .menutd1 { FONT-FAMILY: Webdings; TEXT-ALIGN: right; WIDTH: 46px } .linktd1 { WIDTH: 46px } .menutd2 { WIDTH: 4px } .menuhr { BORDER-BOTTOM: #307ce8 1px inset; BORDER-LEFT: #307ce8 1px inset; BORDER-RIGHT: #307ce8 1px inset; BORDER-TOP: #307ce8 1px inset }

有声音的哦…… 可以关闭!设置 mouseCanSound = false; 就可以了

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

【js实现的XP风格的右键菜单】相关文章:

javascript实现Table间隔色以及选择高亮的方法

js实现带按钮的上下滚动效果

jQuery仿gmail实现fixed布局的方法

nodejs实现获取某宝商品分类

javascript实现设置、获取和删除Cookie的方法

javascript实现youku的视频代码自适应宽度

javascript实现控制的多级下拉菜单

基于JavaScript实现智能右键菜单

JS+CSS实现的拖动分页效果实例

实现DIV圆角的JavaScript代码

精品推荐
分类导航