中山微信网站,深圳网站建设优化,深圳网站设计公司专业吗,做门户网站的网络公司无论做web段还是移动端#xff0c;常常会用到动态面板固定在某个区域来变换内容#xff0c;达到节省空间的作用#xff0c;今天分享的就是如何实现这种方式。预览效果#xff1a;一、元件准备以IT/互联网、设计创作、职场金融这三组为例#xff0c;所涉及到的元件分别为it…无论做web段还是移动端常常会用到动态面板固定在某个区域来变换内容达到节省空间的作用今天分享的就是如何实现这种方式。预览效果一、元件准备以IT/互联网、设计创作、职场金融这三组为例所涉及到的元件分别为it1(小竖条矩形)、it(标识”IT/互联网”矩形)、 design1(小竖条矩形)、design(标识“设计创作”矩形)、 finance1(小竖条矩形)、finance(标识“职场/金融”矩形)以及最后的动态面板neirong(分为三组名称分别对应it、design、finance)。注小竖条矩形默认颜色是灰色的这里填充颜色只是为了看清楚。二、添加事件1将三个小竖条矩形设置选项组名称为“标记”并且分别添加选中事件填充颜色 #2CC27B。2将三个矩形设置选项组名称为“课程”并且分别添加选中事件填充颜色 白色。释这里设置选项组的目的是为了当点击其中一个为选中时其他两个就会变为不选中。3鼠标单击 “it(IT/互联网)” 设置动态面板neirong 选择状态 Value状态名称 [[this.name]]选中 it1和it。将it的鼠标单击事件复制然后粘贴到“desgin(艺术设计)”、finance(职业/金融)且分别将选中对应改为 design1和design、finance1和finance。4针对上下拖动动态面板而不超出框架这一实现方式可以参考上一期的 Axure8.0移动端上下滑动不出屏 。三、效果作者乐悠悠QQ714226583产品新人目前在找工作。本文由 乐悠悠 原创发布于人人都是产品经理。未经许可禁止转载。给作者打赏鼓励TA抓紧创作赞赏2人打赏
