jQuery实现右键菜单、遮罩等效果代码.doc

jQuery实现右键菜单、遮罩等效果代码这篇文章主要介绍了jQuery实现右键菜单、遮罩、弹出层效果,适应管理系统界面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下最近要做个某管理系统的界面,然后涉及到右键菜单,因为之前没有做过所以就做了一下~感觉还可以,不过我个人不是很喜欢右键菜单的这种形式。操作:在固定区域内点击鼠标右键出现菜单,然后选择任意一项后进行对应页面的跳转。刚开始的想法是用catch..case..的方法,对应不同的选项,只改变弹出层里的内容,但是内容都要用jQuery生成拼接,所以选用了比较简单的页面跳转。下面就只贴上一个示例页面的相关代码。****<divid="myMenu"><ul><li>管理应用</li><li>添加应用</li><li>维护应用账号</li><li>修改密码</li><li>示例界面</li></ul></div><divid="mask"></div><divid="textbox">主界面</div>****<divid="textbox">主界面</div><divid="maskbox"><divid='admin'class='module1'><divclass='top'>管理应用<imgclass="img_close"src="../images/"alt=""></div><divclass='mid'><divclass='mid_left'><divclass='title'>应用分类:总部</div><ulclass='icon_list'><li><imgsrc='../images/45x45/'alt=''><span>QQ</span></li><li><imgsrc='../images/45x45/'alt=''><span>QQ</span></li><li><imgsrc='../images/45x45/'alt=''><span>QQ</span></li><li><imgsrc='../images/45x45/'alt=''><span>QQ</span></li><li><imgsrc='../images/45x45/'alt=''><span>QQ</span></li><li><imgsrc='../images/45x45/'alt=''><span>QQ</span></li><li><imgsrc='../images/45x45/'alt=''><span>QQ</span></li></ul></div><divclass='mid_right'><divclass='title'>添加应用</div><divclass="content"><formaction=""><table><tr><td>应用机构:</td><td><selectclass="text1"name=""><optionvalue=""></option></select></td></tr><tr><td>应用类型:</td><td><selectclass="text1"name=""><op