全屏幻灯控件|学习笔记

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

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

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


全屏幻灯控件

 

内容简介:

一、全屏控件

二.幻灯秀控件

 

一、全屏控件

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

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

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

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

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

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

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

 

二、幻灯秀控件

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

例如:

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

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

相关文章
|
5月前
|
小程序
【微信小程序-原生开发】实用教程18 - 九宫格、底部悬停按钮、页内悬浮按钮、拨打电话、一键复制
【微信小程序-原生开发】实用教程18 - 九宫格、底部悬停按钮、页内悬浮按钮、拨打电话、一键复制
69 0
WPF-布局样式练习-Day02-聊天气泡
WPF-布局样式练习-Day02-聊天气泡
265 1
【Axure教程】鼠标滚动上下翻页效果
【Axure教程】鼠标滚动上下翻页效果
|
JSON Android开发 数据格式
原生app开发技巧——底部导航栏动画效果按钮制作方法之采用photoshop制作gif动画-过渡动画关键帧
原生app开发技巧——底部导航栏动画效果按钮制作方法之采用photoshop制作gif动画-过渡动画关键帧
|
开发者
全屏控件| 学习笔记
快速学习全屏控件。
全屏控件| 学习笔记
|
开发者
全屏控件|学习笔记
快速学习全屏控件
全屏控件|学习笔记
超炫全屏焦点图插件
在线演示 本地下载
590 0
|
iOS开发
uwp - ContentDialog - 自定义仿iphone提示框,提示框美化
原文:uwp - ContentDialog - 自定义仿iphone提示框,提示框美化 为了实现我想要的效果花费了我很长时间,唉,当初英语不好好学,翻官网翻了半天才找到,分享给刚入门的新手。   首先看一张图片示例,我们要模仿的dialog就是长这样的:     做出来的效果图: 【代码】 XAML【MainPage.
1349 0
|
前端开发 C# Windows
WPF之鼠标滑动切换图片
原文:WPF之鼠标滑动切换图片   在网上找了一会儿也没找到我想要的效果,还是自己动手,丰衣足食吧。   需求:当前面板中只显示一张图片,图片栏的下部有用来显示当前图片处于图片队列中的位置的圆球,并且点击下部栏内的圆球可以快速切换,附动画缓动效果。
1242 0
|
Android开发 Kotlin 数据格式
ScrollView滑动—仿微博主页标题栏渐变悬浮及Fragment实现多个内容页面切换
作为一名热爱学习的Android开发工程si,刷微博的时候居然还想着技术呢,觉得自己也是够够了........哈哈哈 image.png 进入今天的正题,微博主页大家肯定是看过的,先看一下微博的效果。
2015 0

热门文章

最新文章