使用说明： 在使用前，先建立菜单对象 var obj = new MouseMenu("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 不变 比如： var MM = new MouseMenu("MM") MM.addLink("连接","","http://hello.com") MM.addHR() MM.addMenu("菜单") //下面 是 MM[1] 而不是 MM[2] 因为 MM.addHR() MM.length 不会增加 MM[1].addLink("连接","","http://hello.com") 好了，说了这么多，应该会用了吧？ 突然有人问：“在哪插入连接……” …… 嗯~ 这个 ^_^! 看上面吧~~~~ 附加：在代码中的其他的数据 //--------------- 有关数据 -----------------// var IconList = new Array(); // icon图片 集合， 下标从 1 开始 IconList[1] = new Image(); IconList[1].src = "icon/sub.gif"; //--------------------------- 声音开关 ------ 声音开关 ------------------// var mouseCanSound = true; var menuSpeed = 50; //---------- 菜单显示速度 ------------// var alphaStep = 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需刷新才能执行]

　　推荐阅读

　　HTML在线编辑器的基本概念与相关资料第1/2页

1，什么是HTML在线编辑器 顾名思义，在线编辑器就是用于在线编辑的工具，编辑的内容是基于HTML的文档。 2，HTML在线编辑器有什么用？ 因为HTML在线编辑器可用于在线编辑基于HTML的文档，所以，它经常被用于留言板留>>>详细阅读

本文标题：js实现的XP风格的右键菜单

地址：http://www.17bianji.com/kaifa2/JS/30762.html

 1/2    1