住宅小区物业管理系统网站建设,伊春网站推广,定制网站建设基础步骤,深圳小程序开发推荐第一步#xff1a;准备图片
首先准备三张大小相同的图片。
第二步#xff1a;创建动态面板
右键点击第一张图片#xff0c;唤起菜单#xff0c;选择“创建动态面板”。
双击动态面板#xff0c;进入动态面板编辑界面。点击“复制状态”图标#xff0c;复制出三个状态…第一步准备图片
首先准备三张大小相同的图片。
第二步创建动态面板
右键点击第一张图片唤起菜单选择“创建动态面板”。
双击动态面板进入动态面板编辑界面。点击“复制状态”图标复制出三个状态分别放置三张图片。
接下来需要替换状态2与状态3的图片。点击State2切换至状态2替换图片。注意横坐标与纵坐标需与状态1中的图片保持一致。同理替换状态3图片。
至此动态面板准备完成。
第三步设置交互
我们需要设置页面载入时动态面板自动循环播放效果。
将右侧编辑栏切换至“交互”点击“新增交互”。选择事件为“载入时”这样轮播图可以在页面载入时开始播放。选择事件为“载入时”这样轮播图可以在页面载入时开始播放。
选择我们需要制作的轮播图组件这里选择“此组件”。设置动态面板状态为“下一状态”这样轮播图可以自动播放下一张图片。
设置循环播放勾选能让轮播图播放到最后一张图片后回到第一张图片。
设置进入动画、退出动画这里都设置为向左滑动500ms。
更多设置设置重复间隔为2000ms即2秒后播放下一张图片设置延时播放2000ms即页面加载2秒后开始播放下一张图片。