您的位置：农牧网资源中心 >> 网页特效 >> 导航菜单 >> 阅读资讯：XP风格的右键菜单

XP风格的右键菜单

[ 来源：不详 | 作者：佚名 | 时间：2007-6-10 11:01:56 | 收藏本文 ]

<div id="NewsContentLabel" class="NewsContent">使用说明：在使用前，先建立菜单对象 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 变化 度 -----------// 提示:点击代码可以查看效果<html><head><meta http-equiv=Content-Type content=text/html; charset=gb2312><title>免费<a target="_blank" href="http://www.newasp.cn/" class="UBBWordLink">网络</a>---XP风格的右键菜单</title><STYLE>.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}</STYLE><BGSOUND id=theBS loop=0 src=></HEAD><BODY bgColor=#eaf5fd style=FONT-SIZE: 10pt><SCRIPT></SCRIPT><SCRIPT> var one = new MouseMenu(one);  one.addMenu(菜单一,1,javascript:alert(I am menu);,_self,I am title);  one[0].addLink(连接一,2,javascript:alert(I am link))  one[0].addHR()  one[0].addLink(连接二,,javascript:alert(I am link))    one[0].addMenu(菜单三);   one[0][one[0].length-1].addLink(连接一,1,javascript:;)  one[0].addLink(连接三,,javascript:alert(I am link))  one[0].addLink(连接四,,javascript:alert(I am link)) one.addLink(连接二,,javascript:alert(I am link)) one.addMenu(菜单二,3);  one[2].addLink(连接一,,javascript:alert(I am link)) one.addHR(); one.addLink(连接三，多长都可以,4,javascript:alert(I am link))   </SCRIPT><P><FONT color=#1a71e6>有声音的哦…… 可以关闭！设置 mouseCanSound = false; 就可以了</FONT></P></BODY></HTML> </div><div id="Message" class="Message"></div>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

[] [返回上一页] [打印]