📄 使用说明.txt
字号:
/***************************************************************************************
* pop menu 2.01
* 此代码版权归海洋工作室ocean所有,您可以非商业目的使用、复制、修改此代码,但需要
* 保留本工作室的版权信息。如果您使用、修改此代码为商业目的,请联系本工作室取得使用许可。
* 此脚本的商业许可为RMB30,被许可方除不能分发和转售之外,可以用于被许可方的任何项目和
* 产品当中。
* 如果您对本程序有什么建议,请email to:ocean@forever.net.cn。
*
* 海洋工作室
* http://www.oceanstudio.net
* ocean(ocean@forever.net.cn) 制作
*****************************************************************************************/
pop menu用于生成下拉的弹出式菜单。
构造函数:
function popMenu(menuName,called,menuItem);
参数:menuName,必选项,变量的名字。
called,可选项,点击菜单后的回掉函数,如果为空则没有任何默认动作。
menuItem,可选项,菜单项数组,如果为空则以后可以用setItem()来设置菜单项。
属性:
menu:对象,指示当前文档中的弹出菜单对象,此对象是一个"DIV"对象。
以下为菜单的样式属性,均为可写,如果要改变这些属性,则改变后需要调用setItem()函数才能生效。
backgroundColor:菜单的背景色,默认值为"#f1f1f1";
overColor:当鼠标移到菜单项上时菜单项的背景色,默认值为"#cccccc";
textColor:菜单的文字颜色,默认值为"#000000";
textOverColor:当鼠标移到菜单项上时菜单项的文字颜色,默认值为"#000000";
width:菜单的宽度,默认值为"150";
borderColor:菜单的边框色,默认值为"#999999";
fontSize:菜单的文字大小,默认值为"12px";
cursor:鼠标的形状,默认值为"default";
height:菜单项的高度,默认值为"22px";
padding:菜单项的边距,默认值为"2px";
方法:
setItem (menuItem);
用于设置菜单项。此函数可以调用多次。
参数:menuItem,可选项,一维字符串数组。如果为null则使用构造函数中的menuItem。
setPosition (obj,left,top);
用于设置弹出菜单的位置。
obj,必选项,对象,指示弹出菜单和obj对象的关系,弹出菜单将自动设置在obj左下方显示。
left,top,可选项,如果选择此函数则必须同时选择,此时obj应该设为null,left和top用于指示弹出菜单的绝对位置。
show (vbShow);
用于显示菜单
vbShow,可选项,boolean,如果vbShow == true,则显示菜单,如果vbShow == false,则隐藏菜单。vbShow默认为true;
doDocumentClick ();
处理文档点击事件,这本是一个内部函数,但是考虑到当其它框架文档点击时,可以在document.onclick中加载此函数以隐藏菜单。
deleteSelf ();
删除本菜单,由于popMenu类在new的时候会在html document上附加一个DIV对象,此对象的指针保存在popMenu.menu中,
当不需要此对象时,请先使用deleteSelf()方法删除DIV对象,然后再设置菜单变量为null。
isShow ();
判断当前菜单是否显示。
返回值:true - 菜单已经显示出来了。 false - 菜单没有显示出来。
addItem(item,index);
增加一个菜单项,如果index为空或者长度不在菜单内,则增加到最后一项。
removeItem(index);
删除一个菜单项,如果index为空或者长度不在菜单内,则删除最后一项。
注意事项:
1:菜单变量必须为一个全局变量。
2:菜单应该在body标签出现之后加载。
3:系统会自动attach event到document.onclick事件中,所以如果您要为document.onclick定义事件方法,请使用document.attachEvent方法。
同时由于在document.onclick事件中会自动隐藏菜单,所以如果您要在点击事件中显示菜单,请使window.event.cancelBubble = true;
修正bug:
窗口大小改变时菜单不会重新定位的bug
新特性 What's New?
1:添加了addItem()方法
2:添加了removeItem()方法
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -