`

javascript右键菜单 [本本作品]

阅读更多

前几天,单位里的项目上需要一个右键菜单,在网上找了几个都不合适,索性就自己写了一个,因为公司的项目只要求IE,所以没有考虑过多~~

 

现在发上来与大家分享,有能力的朋友自己改一下就可以适用别的浏览器了~~

 

特点~~~~美工还说得过去,菜单有功能规则过滤(这是我这个小部件的亮点)~~~

 

其它不多说了,看DEMO和源码吧~~~~

 

演示: 右键菜单DEMO

 

 

更新:由http://xuanye.iteye.com/blog/526208将本菜单转成了JQ的插件,这样可以适用于更多的浏览器啦~~~

 

代码在附件中!

 

 

图示:

 

41
0
分享到:
评论
24 楼 51jsr 2009-04-11  
ivonxiao 写道

这个自己改造下就可以变成通用的了. 其实是自己懒得写,想搜下有没有漂亮的,结果看到博主的了 在IE下看起来很漂亮 谢谢博主

呵呵,最近忙的什么都没做了,谢谢支持~~~~
23 楼 ivonxiao 2009-04-07  
这个自己改造下就可以变成通用的了.
其实是自己懒得写,想搜下有没有漂亮的,结果看到博主的了
在IE下看起来很漂亮
谢谢博主
22 楼 terryjoy 2009-02-20  
不错 ,好像不支持FF, 兼容性不好, 呵呵~
21 楼 ylz4647 2009-02-11  
支持一下,JS的东西适用就好..
20 楼 xuanye 2009-02-07  
另外样式在
DTD模式下有些问题。
19 楼 xuanye 2009-02-07  
不错的。已借鉴
18 楼 freeending 2009-01-31  
他们都是屎!!!!!!
本厅他们的,你是最牛的!!!!!!!!
17 楼 51jsr 2009-01-23  
tryonmind 写道

牛  呵呵 js一直像一块鸡肋一样 不学吧很多地方要用 学吧从语法到运行环境再到开发环境调试等实在不敢恭维 也没有一个非要啃这块骨头的理由 头疼

呵呵,同感同感
16 楼 tryonmind 2009-01-23  
牛  呵呵 js一直像一块鸡肋一样 不学吧很多地方要用 学吧从语法到运行环境再到开发环境调试等实在不敢恭维 也没有一个非要啃这块骨头的理由 头疼
15 楼 mgssnake 2009-01-23  
不错。支持
14 楼 51jsr 2009-01-02  
huxp 写道

Chrome不支持

呵呵~~~我上面贴子里说了,只支持IE~~~~要支持其它浏览器只需要改一下事件处理那块就可以了~~~相信大家都知道怎么改~~~~

我再声明一次~~~~只支持IE,原因贴子里写的很清楚
13 楼 huxp 2009-01-01  
Chrome不支持
12 楼 czwlucky 2008-12-29  
做的不错!这个右键菜单也可以组件化啊:)
11 楼 yukaizhao 2008-12-29  
还是挺不错的。
10 楼 hejin1026 2008-12-29  
还使个屁 阿,火狐浏览器不支持。打回去
9 楼 hejin1026 2008-12-29  
还使个屁 阿,火狐浏览器不支持。
8 楼 javaOpen 2008-12-29  
  很好,支持
7 楼 sunshineparasol 2008-12-29  
6 楼 terryang 2008-12-28  
xiaobin268 写道

还使个屁 阿,火狐浏览器不支持。

I 服了you!
5 楼 51jsr 2008-12-28  
Jackphone 写道

在IE中还是挺不错的,LZ能简单讲述一下原理吗?期待讲解,谢谢。


我代码中给的是源码~~结构很清析,仔细看一下就知道了~~~~
因为IE的事件处理不同与其它浏览器~~~要做到通用,在事件处理时加上一个event就行了~~

相关推荐

    基于Bootstrap外观的JavaScript右键菜单插件

    这次我们要分享的也是一款JavaScript右键菜单插件,它的外观是基于Bootstrap的,因此UI比之前那款要漂亮许多,另外这款右键菜单插件也支持自定义区域菜单显示功能,你可以在初始化的时候指定需要弹出菜单的网页区域...

    javascript 右键菜单

    javascript 右键菜单,比较好用,自定义的,可以根据需要自己改动

    右键菜单(javaScript)

    标题中的“右键菜单(javaScript)”指的是使用JavaScript编程语言实现的网页上下文菜单,即当用户在网页上点击鼠标右键时出现的功能性菜单。这种菜单可以替代或扩展浏览器默认的右键菜单,提供更加定制化的用户体验。...

    dtree动态树+Javascript右键菜单

    【dtree动态树】是一种基于...同时,JavaScript右键菜单可以根据用户的权限和上下文提供个性化的操作,如编辑、删除、复制等。通过结合dtree和JavaScript右键菜单,开发者可以创建出功能丰富的交互式Web界面。

    Js右键菜单,js菜单,漂亮的Js右键导航,好用的Js右键菜单

    本文将深入探讨"Js右键菜单,js菜单,漂亮的Js右键导航,好用的Js右键菜单"这一主题,帮助开发者了解如何利用JavaScript实现高效、美观的右键菜单功能。 一、JavaScript右键菜单的基本原理 在网页上,右键点击事件...

    漂亮的javascript右键菜单代码

    ### 漂亮的JavaScript右键菜单代码:深入解析与应用 #### 一、引言 在网页开发中,右键菜单(上下文菜单)是一个常见的功能,它为用户提供了一个直观且便捷的操作方式。本文将深入分析一个用JavaScript实现的漂亮...

    JavaScript实现鼠标右键菜单

    该文件是一个实现比较好的鼠标右键菜单。 实现方案为JavaScript。值得学习

    echarts右键菜单实例 --- 不修改源码

    标题“echarts右键菜单实例 --- 不修改源码”表明我们将探讨如何在ECharts图表上添加右键菜单,而无需直接修改ECharts的源代码。这意味着我们将通过ECharts的API和事件监听来实现这一功能,这是一个常见的最佳实践,...

    dtree动态树 Javascript右键菜单.doc

    dtree动态树 Javascript右键菜单

    Openlayers扩展右键菜单

    总结来说,OpenLayers扩展右键菜单是一项提高地图应用交互性的技术,涉及到JavaScript事件处理、DOM操作、CSS样式设计以及地图交互逻辑。通过这样的扩展,我们可以让地图应用变得更加灵活且符合用户的使用习惯。

    Javascript 右键菜单 JQuery 实现

    Javascript右键菜单,JQuery 实现 本人网络收集 提供自己使用和研究 /**得到一个对象的所有属性 var attrs="t:"; for(var attr in t) { attrs+=attr; attrs+="|"; alert("inst的"+attr+"属性:"+t[attr]); } alert...

    js右键菜单,菜单项由js动态添加,纯js调用

    本文将深入探讨如何使用JavaScript实现右键菜单,特别是如何动态添加菜单项,并在菜单项中添加图标、文本以及处理点击事件。此外,我们还将讨论在不同浏览器(如IE、Firefox和Chrome)中的兼容性问题。 首先,右键...

    iframe里无右键菜单

    下面是一个简单的JavaScript示例,展示如何在`iframe`中禁用右键菜单: ```html <!DOCTYPE html> 禁用iframe右键菜单 嵌套页面的URL" width="100%" height="500"> // 获取iframe元素 var iframe = ...

    openlayers右键菜单

    总结来说,OpenLayers右键菜单是通过自定义事件监听、HTML/CSS布局和JavaScript事件处理来实现的。这个“不错的demo”为我们提供了一个很好的起点,让我们能够为OpenLayers地图增加更多交互性,提升用户体验。通过...

    js(javascript)右键菜单实现

    js(javascript)右键菜单实现,js(javascript)右键菜单实现,js(javascript)右键菜单实现

    自定义右键菜单效果

    实现自定义右键菜单主要依赖于JavaScript,这是一种广泛使用的客户端脚本语言,用于控制网页的行为。通过监听鼠标事件,如`contextmenu`(右键点击),我们可以阻止浏览器显示默认菜单,然后动态创建并显示我们自己...

    高德地图实现绘制覆盖物,自定义右键菜单

    高德地图API并没有直接提供右键菜单功能,但开发者可以结合JavaScript事件监听和自定义函数来实现。具体步骤包括: 1. 监听地图的`contextmenu`(右键点击)事件。 2. 在事件触发时,阻止浏览器默认的右键菜单显示,...

    tree+完美右键菜单

    在生成的树形节点DIV中添加ID属性,可以方便JavaScript代码通过ID找到特定的元素,从而实现对特定节点的右键菜单进行个性化设置。 6. **例子应用**: 描述中的“把例子里的DIV替换成数的DIV”意味着你需要将示例...

    一个简单好用的JavaScript右键菜单控件源代码,支持多级菜单、自定义图标,调用简单,不依赖第三库

    一个简单好用的JavaScript右键菜单控件源代码,支持多级菜单、自定义图标,调用简单,不依赖第三库 - 原生 JavaScript 开发 无任何依赖 - 界面简洁大方 - 支持多级菜单 - 支持自定义图标 - 调用简单

Global site tag (gtag.js) - Google Analytics