上次介绍了动态面板的图片轮播功能,这次根据本人实际工作中碰到应用介绍下动态面板的其他应用。如下:
1.多个页签的切换效果
2.固定内容到浏览器的特殊位置。
同样,先看下效果
好,下面就说明下怎么制作
多个页签的切换效果
1. 首先在区域内增加动态面板,双击进入,定义三个状态的为,基础资料、商品条码、操作记录。
分别双击3个状态进入之后,单独编辑每个状态的页面效果。
2. 添加每个页面的页签,用来标识当前页签的业务信息和操作交互的操作区域。
如下,新增3个按钮,并命名各自名称
3.调整好按钮的背景色和字体颜色。同时选择3个按钮,右键选择交互样式,调整选中时的填充颜色。
4. 设置动态面板初始的状态, 意思就是进入到动态肩膀之后首先展示的内容。 添加载入时事件,设置面板状态为基础资料。设置选中状态,初次进入时基础资料按钮为选中状态。
shei5. 设置3个按钮的单击事件,用来切换面板。添加单击事件,设置面板状态,依次设置3个按钮对应的面板。
设置面板状态改变是事件,当面板的状态为基础资料时,设置基础按钮为选中状态,同理设置其他两个面板状态时对应的按钮选中状态。
当OK, 多个页签的功能介绍完成, 下面介绍固定浏览器的功能。
固定元素到浏览器特定位置
动态面板提供了一个功能,把元素固定到浏览器的固定位置。 多用在系统或者网页的顶部或者左侧区域。
1. 首先设置元素为动态面板, 选中之后邮件直接转换成动态面板,
2. 然后选择动态面板设置固定到浏览器
网友评论