当前位置:首页 >> 教程资讯

【H5微场景】走马灯页面结构制作教程

录入编辑:微科技 | 发布时间:2022-12-30
【H5微场景】走马灯页面结构制作教程 发表时间:2021-03-19 14:14 一、走马灯页面结构 走马灯由N幕组成,背景置于底层,只能设置一个背景。浏览时,每一幕会按顺序绕着屏幕最右端旋转,效果如下图:

【H5微场景】走马灯页面结构制作教程

发表时间:2021-03-19 14:14

一、走马灯页面结构

走马灯由N幕组成,背景置于底层,只能设置一个背景。浏览时,每一幕会按顺序绕着屏幕最右端旋转,效果如下图:

二、编辑

2.1   元素的使用

a.   刚创建时,如上面左图,页面显示白色。但在手机浏览时,它是透明的,能透过这一幕,看到下一幕的元素。

b.   如上面右图,添加了边框。无法透过红色部分看到下一幕,如果需要白色区域能看到下一幕,则要求边框图片中间区域是透明,无像素的png图片。

2.2   添加幕数

点击箭头所指位置,添加幕。注:一个走马灯页面最多容纳30幕。

2.3   设置背景

一个走马灯页面只允许设置一个背景,此背景将置于最底部。

2.4   设置幕与幕之间的距离

从第二幕开始,可以设置与前一幕的距离。

上一篇:【H5微场景】一镜到底页面结构制作教程
下一篇:【H5微场景】快闪页面结构制作教程
热门服务和内容

手机版

  • 官方微信

    扫码进入

  • 客服微信

  • 官方微信

    扫码添加

  • 高端网站设计,顶级互联网服务 Copyright © 2025 www.vikj.cn All Rights Reserved. 辽ICP备17005629号 XML地图 微科技
    电话咨询:0411-39550725
    在线客服咨询