右键菜单这个功能我觉得大家都应该不陌生吧，这个功能应该成为我们浏览网页的必备技能了，但是我们有时候发现点击不同的东西出来的右键菜单都是不一样的，就如下图一样，在矩形内点击右键和在页面内点击右键出来的菜单显示是不一样的，所以说现在就想分享一下这个效果是如何实现的：

步骤：

（1）首先在画布里放置一个矩形和一个菜单列表，如下所示：

（2）点击该菜单列表并单击鼠标右键选择【转换为动态面板】并名为“右键菜单”

（3）双击“右键菜单”，增加一个状态State2，然后把另外一个菜单列表放在State2内

（4）将“右键菜单”选择【隐藏】，并设置矩形的交互方式：点击矩形并双击【鼠标右键时】

（5）i.选择【面板状态】->【右键菜单】->选择【State1】状态

ii.选择【移动】->【右键菜单】->【到达】“[[Cursor.x]]，[[Cursor.y]]”

iii.选择【显示】->【右键菜单】->【逐渐】"500ms"

（6）复制该矩形的所有交互用例，然后点击页面，粘贴到【页面鼠标右击时】

（7）修改【页面鼠标点击时】第一个用例，把State1改为State2

（8）完成，点击浏览

原型查看效果地址：https://6sw428.axshare.com

原型RP文件下载地址：https://download.csdn.net/download/qq_27884377/10640244

想了解更多Axure资讯，赶快下方扫码加入【Axure修炼手册】微信公众号吧！！！

青铜修炼手册：Axure页面右键菜单制作相关推荐

禁止页面复制功能 js禁止复制禁用页面右键菜单
<body οncοntextmenu="return false">禁用网页右键菜单,但是仍然可以使用快捷键复制. js代码禁用复制功能: <script t ...
Chrome 插件开发-右键菜单开发实战演示，浏览器页面右键菜单选项设置，插件右键菜单点击插件名跳转主页设置
Chrome 插件开发 - 菜单选项浏览器页面右键菜单选项设置 ① 核心代码演示 ② 效果展示 ③ 详细参数文档插件右键菜单点击插件名跳转主页设置 ① 核心代码演示 ② 演示效果图浏览器页面右键 ...
青铜修炼手册：Axure地图搜索交互
实现步骤: 1.先按下图把元件都放好 2.然后将该内联框架组件设置为:不需要滚动,以及无边框 3.将该组件默认显示为map样式 4.选择map样式后,该组件会在加载完成即展示为map样式,并且我们可以 ...
青铜修炼手册：Axure实现水波纹效果
实现步骤: 1.首先画四个圆形,背景透明,边框调到最粗,颜色白色,名称随意起:由大到小尺寸分别是100*100.80*80.60*60.40*40 2.然后将4个圆形的透明度由大到小依次调整为40%. ...
JS实现页面右键菜单
前言右键菜单也算是前端页面中比较常见的功能了,今天我就带大家完整的实现右键菜单功能. contextmenu事件实现右键菜单我们需要用到 oncontextmenu事件,oncontextmenu ...
页面右键菜单Beta2(兼容fw)
//右键菜单js代码开始 var newX,newY; document.onmousedown = function popUp(obj) { if(document.all)//判断IE.Fire ...
青铜修炼手册：Axure实现汉字拼音首字母查询（非JS版）
上图就是我们要实现的目标:输入一个汉字能够查到它的拼音首字母. 实际上,明白了实现原理之后,通过汉字查拼音.查声母都是可以实现的. 关键在于有没有一个能够使用的源数据. 我们先来看看元件的准备工作. ...
[Django青铜修炼手册] 初识Django
Django 是用Python开发的一个免费开源的Web框架,可以用于快速搭建高性能,优雅的网站!采用了MVC的框架模式,即模型M,视图V和控制器C,也可以称为MVT模式,模型M,视图V,模板T.在学 ...
DIY福音：Firefox菜单及右键菜单ID大全
每一个折腾Firefox的Diyer都是上辈子折翼的天使,致自己! 打磨Firefox界面的时候最多的就隐藏一些平常根本用不上的一些菜单,常规的做法就是安装DOM Inspector扩展右键查找大法寻 ...

青铜修炼手册：Axure页面右键菜单制作

想了解更多Axure资讯，赶快下方扫码加入【Axure修炼手册】微信公众号吧！！！

青铜修炼手册：Axure页面右键菜单制作相关推荐

最新文章

热门文章