全屏幻灯控件|学习笔记

简介: 快速学习全屏幻灯控件。

开发者学堂课程【网站架构师 CUED 训课程全屏幻灯控件】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/548/detail/7550


全屏幻灯控件

 

内容简介:

一、全屏控件

二.幻灯秀控件

 

一、全屏控件

首先,进入网站后台,在组件中找到全屏幻灯。

全屏幻灯控件共分为俩部分:

①纵向,通过鼠标或点击右侧圆点往下滑。

②横向,通过鼠标滑动或点击按钮进行切换。

切换后,点击组件→站点标题,可以直接在幻灯上编辑选择自己要做的东西。

例如:在第一屏上,放一张图片;在第二屏上,放文字控件;在第三屏,放置视频;在第四屏,放置列表。

保存预览看效果。所以,可以通过这种方式,对整个屏幕进行编辑。同时,全屏控件还可以用另一种方式编辑,首先点击样式,确定切换标志,显示切换剪头或显示切换圆点,同时对圆点的颜色和透明度进行标识,其次,对数据进行编辑,我们可以再添加页面,若默认页面颜色为黄色,用颜色填充,我们可以用颜色、渐变色、图片等等去填充。

 

二、幻灯秀控件

点击一个幻灯秀,在空白页面点击,可以看到幻灯秀的效果,幻灯秀目前有两帧,我们可以对每一针进行编辑,

例如:

目前幻灯秀用普通的颜色填充,在幻灯片上分别设置图片、文字,这样我们可以对图片的每一帧进行单独的编辑,然后预览效果。

所以说,一般情况下,全屏幻灯用于广告图、斑马设计,对于一些用户,也用于品牌的广告词、推广词还有重点产品。

相关文章
|
3月前
|
前端开发
Flutter笔记:光影动画按钮、滚动图标卡片组等
Flutter笔记:光影动画按钮、滚动图标卡片组等
40 0
|
11月前
|
UED
【Axure教程】鼠标滚动上下翻页效果
【Axure教程】鼠标滚动上下翻页效果
|
JSON Android开发 数据格式
原生app开发技巧——底部导航栏动画效果按钮制作方法之采用photoshop制作gif动画-过渡动画关键帧
原生app开发技巧——底部导航栏动画效果按钮制作方法之采用photoshop制作gif动画-过渡动画关键帧
原生app开发技巧——底部导航栏动画效果按钮制作方法之采用photoshop制作gif动画-过渡动画关键帧
|
前端开发
哇!怎么会有这么好看的按钮!
哇!怎么会有这么好看的按钮!
97 0
哇!怎么会有这么好看的按钮!
|
开发者
全屏控件| 学习笔记
快速学习全屏控件。
56 0
全屏控件| 学习笔记
|
开发者
全屏控件|学习笔记
快速学习全屏控件
73 0
全屏控件|学习笔记
直播网站源码,显示隐藏标题栏
直播网站源码,显示隐藏标题栏
258 0
|
前端开发 C# Windows
WPF之鼠标滑动切换图片
原文:WPF之鼠标滑动切换图片   在网上找了一会儿也没找到我想要的效果,还是自己动手,丰衣足食吧。   需求:当前面板中只显示一张图片,图片栏的下部有用来显示当前图片处于图片队列中的位置的圆球,并且点击下部栏内的圆球可以快速切换,附动画缓动效果。
1163 0
|
Android开发 Kotlin 数据格式
ScrollView滑动—仿微博主页标题栏渐变悬浮及Fragment实现多个内容页面切换
作为一名热爱学习的Android开发工程si,刷微博的时候居然还想着技术呢,觉得自己也是够够了........哈哈哈 image.png 进入今天的正题,微博主页大家肯定是看过的,先看一下微博的效果。
1972 0
|
Android开发 容器
仿网易新闻可滑动标题栏TabLayout(文字或图标)
    近期有需要,要做一个类似于网易新闻首页中的可滑动标题栏 TabLayout,根据大神写的 FlycoTabLayout 改造了一下,可以加载网络图片,主要实现内容如下:     1.
1660 0