主页 > 云主机 > > 正文

香港服务器_doctors百度云_哪家好

来源:胜利云 发布时间:2021-06-09 01:26 标签:服务器香港百度哪家doctors
浏览:

使用图像来改善网页的整体外观是一种常见的做法。许多网站使用图像幻灯片来显示网页中显示的内容的相关图像。在W3Schools网站上可以找到相同的示例实现。

在这个博客中,我们将讨论如何使用类似的功能来提高仪表板的审美吸引力。我们讨论两种方法,一种是使用标准SAP Lumira Designer组件,另一种是使用CSS动画效果。

使用SAP Lumira Designer标准组件:

创建SAP Lumira Designer应用程序并创建如下所示的结构添加一个Pagebook组件,并在每个需要依次显示的页面中包含相关图像。将所有图像的不透明度(%)设置为100,云分析,并将"显示模式"设置为"拉伸"将Pagebook组件的pagepre-Loading属性设置为All Pages,以便在仪表板打开时预加载图像,幻灯片动画从一开始就清晰可见添加一个定时器控件,自助建站服务,我们将使用它在预定义的时间间隔后一个接一个地滑动图像为Timer控件的On Timer事件添加以下脚本,大数据查询,这将更改每次触发On Timer事件时显示的页面应用程序.log("启动计时器");如果(PB_砂锅菜.getSelectedPageIndex() == 0){铅_CASSEROLE.setSelectedPageIndex设置页面索引(1);}否则如果(PB_砂锅菜.getSelectedPageIndex() == 1){铅_CASSEROLE.setSelectedPageIndex设置页面索引(2);}否则如果(PB_砂锅菜.getSelectedPageIndex() == 2){铅_CASSEROLE.setSelectedPageIndex设置页面索引(3);}否则如果(PB_砂锅菜.getSelectedPageIndex() == 3){铅_CASSEROLE.setSelectedPageIndex设置页面索引(0);}​为应用程序的启动事件添加blow脚本定时器启动();​现在,淘客app开发,当您运行应用程序时,页面会在计时器控件中指定的时间间隔之后滑动这是使用平台中的标准组件实现幻灯片放映效果的一种非常简单的方法这样做的缺点是,每次需要更改映像时,服务器上都会发生回发调用。虽然这不会增加太多处理,但会导致客户端和服务器之间不必要的通信量,如下所示

使用标准CSS动画

为了避免每次图像更改时产生的网络通信量,我们使用CSS动画来实现类似的功能创建另一个SAP Lumira Designer应用程序并创建如下所示的结构现在用下面的内容创建一个CSS文件,淘客推广平台,并将其附加到应用程序自定义CSS属性#锅盘1{溢出:隐藏!重要的;边距:自动!重要的;}.slideshow容器{过渡:1s;溢出:可见!重要的;}.幻灯片{动画:幻灯片24秒轻松无限;}@关键帧滑动{0% {变换:translateY(0px);}15% {变换:translateY(0px);}30% {变换:translateY(300px);}45% {变换:translateY(300px);}60% {变换:translateY(600px);}75% {变换:translateY(600px);}90% {转换:translateY(900px);}99% {转换:translateY(900px);}100% {变换:translateY(0);}}​将slideshow container slide作为CSS类分配给Panel PNL\u CASSROLE\u容器设置图像属性如下图像上边距高度图10300图像2-300300图3-600300图4-900300基本上,我们是安排在面板上的图像一个接一个地显示每个图像的部分使用变换效果最后,记下使用Panel ID标识符为CSS文件中的Panel容器指定的溢出和边距覆盖#锅盘1{溢出:隐藏!重要的;边距:自动!重要的;}​在CSS文件中正确地提到Panel ID是很重要的,如果您使用的是不同的Panel ID,请确保更新它现在启动应用程序,并观看页面在CSS动画属性中指定的时间间隔之后滑动此方法不会生成在上一方法中生成的附加回发调用

CSS方法适用于Chrome、IE 11以及Edge browser。请告诉我您对这些选项的看法,或者如果您在设置此选项时遇到问题。

发表评论
验证码: 点击我更换图片

注:网友评论仅供其表达个人看法,并不代表本站立场。

热门文章

  • 域名备案_阿里云销售顾问_最新活动
    <strong>域名备案_阿里云销售顾问_最新活动</strong>

    域名备案_阿里云销售顾问_最新活动

    高速互联网和功能强大的应用程序使得几乎所有有办公桌工作的人都可以在家工作。然而今天,大多数公司仍然坚持要求员工忍受有时令人心碎的上下班路...

  • 数据库_分布式消息中间件实践pdf_免费领
    <strong>数据库_分布式消息中间件实践pdf_免费领</strong>

    数据库_分布式消息中间件实践pdf_免费领

    作者:马库斯·瓦纳关于2017年趋势的讨论正在迅速而激烈地展开,职场也不例外。随着新的一年即将到来,职场趋势专家们正在为2017年列出自己的预测清单...

  • 域名注册_自考数据库_免费6个月
    <strong>域名注册_自考数据库_免费6个月</strong>

    域名注册_自考数据库_免费6个月

    正如Facebook和Twitter首席运营官(COO)上周在美国国会作证时所说,出现的一个突出主题是,这些公司在保护其平台免受网络攻击方面所扮演的角色。这些公...

  • 域名解析_阿里云是什么意思_怎么买
    <strong>域名解析_阿里云是什么意思_怎么买</strong>

    域名解析_阿里云是什么意思_怎么买

    类别工作日新闻与文化财务人力资源规划技术创新分析与见解客户和社区行业金融服务政府保健高等教育款待媒体和娱乐专业和商业服务零售技术更多播客...

  • 网站服务器_王者荣耀服务器未响应_限时
    网站服务器_王者荣耀服务器未响应_限时

    网站服务器_王者荣耀服务器未响应_限时

    日本甲骨文公司今天宣布,ISOU项目采用甲骨文区块链平台管理一种本币的发行和消费。日本甲骨文公司是ISOU项目的支持公司,该项目旨在解决人口稀少地...

云储存

更多 >
  • <strong>MySQL数据库_京东云闪付下载_价格</strong>
    MySQL数据库_京东云闪付下载_价格

    我不是一个用户专家,但我经常在sappi/CPI测试工具上看到我们提出的同样的请求。这个应用程序是在openui5中开发的,我们从sapui5开始,但是一旦我们在一个...

  • <strong>CDN_文件存储权限怎么打开_怎么买</strong>
    CDN_文件存储权限怎么打开_怎么买

    重要更新: 本博客发布后,SAP将ML Foundation与Data Hub相结合,并增加了端到端管理ML模型的新功能。新的联合产品SAP Data Intelligence于2019年7月正式上市。 因此...

云储存网站空间_5526cdn_评分榜
云储存大带宽_济南微网站建设_超低折扣
云储存腾讯云_网站建设公司的前景_新注册优惠
云储存京东云_163公司企业邮箱_最新活动
云储存云解析_远程登陆服务器_排行榜