firefox 象吃了药那样,一段时间没用,发现居然出到8了,还支持鼠标右键菜单自定义了,
以往只能用JAVASCRIPT去实现,现在都很简单了,代码如下:
<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>testing menu</title>
<style>
.rotate {
-moz-transform: rotate(90deg);
}
.resize {
-moz-transform: scale(0.7);
}
</style>
</head><body><div contextmenu="supermenu">
<h1>Yo. Look at the source code.</h1>
<img src="http://people.mozilla.com/~prouget/bugs/context-menu-test/b.gif">
</div>
<menu type="context" id="supermenu">
<menuitem label="rotate" onclick="rotate()" icon="http://cdn1.iconfinder.com/data/icons/silk2/arrow_rotate_clockwise.png"></menuitem>
<menuitem label="resize" onclick="resize()" icon="http://cdn3.iconfinder.com/data/icons/fugue/icon/image-resize.png"></menuitem>
<menu label="share">
<menuitem label="twitter" onclick="alert('foo')"></menuitem>
<menuitem label="facebook" onclick="alert('bar')"></menuitem>
</menu>
</menu>
<script>
function rotate() { document.querySelector("img").classList.toggle("rotate"); }
function resize() { document.querySelector("img").classList.toggle("resize"); }
</script>
<style>@import url("http://paulrouget.com/style/pure.css")</style>
</body></html>
可以看到,DIV中的属性contextmenu定义了自定义菜单的ID,这里为supermenu
而在menu中,可以分层定义多个menu了,很简单,代码在上面就不再解析了
暂时只有FIREFOX支持这个特性
分享到：
相关推荐
内容索引:脚本资源,Ajax/JavaScript,仿XP,右键菜单 JavaScript+CSS仿windows xp风格的右键多级联动菜单，可自定义样式和触发程序，兼容IE/火狐、chrome、safari等众多浏览器，做的风格还挺像，鼠标在方框区域右键...
* BUG: 修改了在Firefox上光标在图片旁边时点击鼠标右键，弹出右键菜单的问题。 * BUG: 修改了在Firefox上无法修改/删除图片的超级链接的问题。 * BUG: 修改了在Webkit上有时候无法添加/修改/删除图片的超级链接的...
在Firefox中打开扩展程序可通过右键单击上下文菜单，工具栏按钮甚至在包含和不包含修饰符的链接上单击鼠标左键来在Firefox浏览器中打开当前选项卡或链接。 此扩展程序简化了不同浏览器之间的链接传输。 无需将链接从...
梦想综合搜索（Chrome和Firefox扩展）一款简洁的综合搜索扩展，可自定义快捷搜索和搜索按钮。功能介绍1，在地址栏旁添加了功能图标，点击图标可展示综合搜索窗口。 2，浏览网页时，选择您想搜索的文字，点击鼠标右键...
StopContextMenu.htm IE禁用右键菜单 IE cancel Bubble.htm IE中停止事件的多次响应 Dom stop event flow.htm Firefox中停止事件的多次响应 Test4MouseEvent.htm 鼠标事件 Test4MultMouseEvent.htm 还原...
[关于兼容性] 建议使用chrome firefox ie9+ 体验更完整。ie8以下基本上不做兼容处理。chrome支持文件夹拖拽上传。 [文件打开] office文件在线预览功能,服务器必须在公网(外部能访问该服务器) [忘记密码] 修改data...
StopContextMenu.htm IE禁用右键菜单 IE cancel Bubble.htm IE中停止事件的多次响应 Dom stop event flow.htm Firefox中停止事件的多次响应 Test4MouseEvent.htm 鼠标事件 Test4MultMouseEvent.htm 还原...
能够实现如高性能的选项卡式浏览、方便快捷的鼠标手势、RSS订阅、防止意外崩溃功能、IE工具栏支持、直接导入设置从多种浏览器中、自动删除个人信息、多种自定义外观、支持视频共享网站与SNS网站的插件、3种内核自由...
StopContextMenu.htm IE禁用右键菜单 IE cancel Bubble.htm IE中停止事件的多次响应 Dom stop event flow.htm Firefox中停止事件的多次响应 Test4MouseEvent.htm 鼠标事件 Test4MultMouseEvent.htm 还原鼠标事件原貌...
[更新]Firefox内核更新至21.0.1.4917 [更新]Chrome内核更新至27.0.1453.110 [修复]chrome模式下保存图片的问题 [修复]chrome模式下退出时清除所有记录的问题 [修复]锁定工具栏的问题 [修复]chrome模式下播放...
[更新]Firefox内核更新至21.0.1.4917 [更新]Chrome内核更新至27.0.1453.110 [修复]chrome模式下保存图片的问题 [修复]chrome模式下退出时清除所有记录的问题 [修复]锁定工具栏的问题 [修复]chrome模式下播放...
支持 Mozilla Firefox 浏览器。 教师端工具栏提供新的快速启动选项。 应用程序控制 能够清除学生桌面。 能够最小化学生应用程序。 “执行”功能重新命名为“启动”应用程序。 学生图标上迭加更大的应用程序图标。 ...
15、JS屏蔽右键菜单 255 16、禁止保存网页 255 17、CSS和JS文件引入方式 255 18、弹出窗口居中显示JS代码 255 19、CSS渐变样式 256 20、JS READYSTATE 256 21、JS与页面刷新、关闭事件 257 22、SHOWMODALDIALOG和...
添加表情符号的气球-错误修复2.9.6-创建表情符号时向右键发送直接聊天-在标签导航中滑动移动设备2.9.5-插件2.9.0.2中添加了一些配置-Firefox 2.9中修复了一些错误-在浏览器上记录“我的情感”部分的更改历史记录-...
-为TabStrip增加EnableTabCloseMenu属性，是否启用右键菜单，可用来关闭当前Tab和所有其他Tab。 -为NumberBox增加DecimalPrecision属性，用来控制小数点后的位数（需要设置NoDecimal="false"）(feedback:zqmars)。...
Mozilla Firefox 1.5.0.3或更高版本 服务器采用IIS5.1 或以上版本 数据库使用MS Access 2000以上 2．本书所附光盘实例代码： 第1章（\第1章） 查看1.2.htm中noscript显示效果的方法如下： 1．将该实例复制到C:\...
-为TabStrip增加EnableTabCloseMenu属性，是否启用右键菜单，可用来关闭当前Tab和所有其他Tab。 -为NumberBox增加DecimalPrecision属性，用来控制小数点后的位数（需要设置NoDecimal="false"）(feedback:zqmars)。...
-通过图标，右键菜单或表格视图管理标签 -顶部搜索栏中的搜索标签 -选择按网站或字母顺序对标签进行排序，然后将其应用于您的Chrome窗口 -选择查看所有窗口中的标签的选项 -自动从内存中丢弃标签页，并自定义它们...