`

javascript右键菜单 [本本作品]

阅读更多

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

 

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

 

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

 

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

 

演示: 右键菜单DEMO

 

 

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

 

代码在附件中!

 

 

图示:

 

41
0
分享到:
评论
4 楼 51jsr 2008-12-28  
xiaobin268 写道

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

呵,我上面说明了,公司里只要求IE,所以不考虑火狐~~~

为公司工作,只要达到要求就好了,多于的努力未必是好的~~
3 楼 Jackphone 2008-12-27  
在IE中还是挺不错的,LZ能简单讲述一下原理吗?

期待讲解,谢谢。
2 楼 freelancer 2008-12-27  
恩, 确实不错~
学习了~  
1 楼 xiaobin268 2008-12-27  
还使个屁 阿,火狐浏览器不支持。

相关推荐

    javascript 右键菜单

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

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

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

    漂亮的javascript右键菜单代码

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

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

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

    dtree动态树 Javascript右键菜单.doc

    dtree动态树 Javascript右键菜单

    禁止鼠标右键及svg中自定义右键菜单

    总结起来,禁止鼠标右键和在SVG中自定义右键菜单涉及到JavaScript事件处理和DOM操作。通过监听`contextmenu`事件并调用`preventDefault()`方法,可以阻止浏览器的默认右键菜单。而在SVG中,我们可以结合CSS和...

    js树形菜单加右键菜单

    总的来说,结合使用JavaScript实现的树形菜单和右键菜单,可以提供一个高效且直观的用户界面,让用户在复杂的层级数据中进行导航和操作。这种技术在内容管理系统(CMS)、文件管理工具以及其他需要展现层次关系的Web...

    Openlayers扩展右键菜单

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

    iframe里无右键菜单

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

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

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

    openlayers右键菜单

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

    js(javascript)右键菜单实现

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

    好看的javascript网页鼠标右键菜单

    在这个特定的案例中,"好看的javascript网页鼠标右键菜单"是利用JavaScript实现的一种增强用户界面的技巧。通常,网页上的鼠标右键点击事件会被浏览器默认的上下文菜单所捕获,但通过自定义JavaScript代码,我们可以...

    javascript实现右键菜单,兼容IE,火狐

    JavaScript 是一种广泛使用的客户端脚本语言,它允许我们动态地操控网页元素,包括实现自定义的右键菜单功能。这篇文章将详细介绍如何使用 JavaScript 实现一个兼容 IE 和火狐浏览器的右键菜单。 首先,我们需要...

    自定义右键菜单效果

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

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

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

    tree+完美右键菜单

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

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

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

    【JavaScript源代码】Vue+element-ui添加自定义右键菜单的方法示例.docx

    ### Vue + Element UI 添加自定义右键菜单的知识点解析 #### 一、概述 本文将详细介绍如何在基于Vue.js框架的项目中结合Element UI库,实现一个简单的自定义右键菜单功能。通过以下步骤,您将了解到从创建绑定事件...

    Vue20右键菜单组件菜单内容可以随意自定义

    在这个项目中,我们讨论的是一个Vue 2.0的右键菜单组件,允许开发者自定义菜单内容,从而更好地满足各种应用场景的需求。 首先,右键菜单是一种常见的交互元素,通常用于提供用户在特定上下文中的操作选项。在Web...

Global site tag (gtag.js) - Google Analytics