当前位置:首页 > 网站建设 > 正文内容

html5手机页面滑动(h5怎么制作滑动长页面)

网站建设1年前 (2024-01-24)499

图文排版

H5

手机版秀米

对于左右滑动布局

html5手机页面滑动(h5怎么制作滑动长页面)

公众号留言最多的问题大概有

滑动布局就四五列,想要增加更多怎么做?

想把内容放在第一个序列,要怎么做?

想调整下序列位置,该怎么弄?

放心,问题不大

因为,滑动布局更新啦

这次针对的是序列设置

增加、复制、拖动、删除序列

这些操作都可以一条龙服务

现在,就一起来看下吧

这是视频版滴~

这是文字版滴~

01

展开全文

滑动序列,更新了啥?

从左边模板区,布局→基础布局,找到左右滑动布局并添加到编辑区域中:

选中左右滑动布局,点击工具条上的设置滑动序列,进入序列设置;在序列旁边,有四个按钮设置,分别为增加序列、复制当前序列、拖动序列调整顺序、删除序列:

02

新的滑动序列怎么用呢?

滑动序列更新后,增加的四个按钮设置,在操作左右滑动布局上,方便了很多。

1

增加滑动序列

现在,增加滑动序列,有两种操作:

这两种,第一种是这次优化后的新增操作,第二种是一直就有的滑动序列添加操作;现在,我们来实际操作下:

在滑动序列设置页面,点击第一个序列右边的➕号,新增一个序列;新增序列处于自动选中状态,然后从左边点击内容添加。

增加滑动序列按钮

在滑动序列设置页面,不选中任何已有序列;直接从左边点击内容,会被当新滑动序列,加到最后。

看出来了吗?改动后,序列里如果已有内容,可以选中序列,进行替换;不论图片,还是图片,先选中序列,再从左边选择内容替换:

2

复制滑动序列

复制滑动序列,就是字面意思啦;如果滑动序列内容都一致的话,可以直接点击复制序列按钮,新增多个一样的序列,方便省时。

复制滑动序列按钮

在滑动序列设置页面,直接点击序列旁边的复制按钮,右排第二个,直接增加多个序列,内容会复制当前的序列。

3

拖动滑动序列调整顺序

这对于左右滑动布局,是一个非常好用的功能,只要摁住拖动按钮,就可以随意调序列位置了。

拖动调整序列顺序按钮

在滑动序列设置页面,鼠标摁住拖动按钮不松手,左右调整序列位置,放到需要的位置松开鼠标,即完成调整顺序。

4

删除滑动序列

这里的删除滑动序列,是将序列删除,操作很简单,点删除按钮,序列就没了。

删除滑动序列按钮

依旧在设置滑动序列页面,在需要删除序列的旁边,点击删除按钮,该序列就被删除了:

03

SVG布局、SVG图集序列

也有同样的设置

小伙伴们呀,如果你用SVG布局、SVG图集做排版,那么会发现,它们的序列设置,也做了同样的改动。

SVG布局、SVG图集的序列设置,也可以增加、复制、拖动、删除序列操作。

SVG布局动画层的序列设置

SVG图集动画层的序列设置

基本来说,SVG图集的序列与左右滑动布局是很相似的,只需要考虑图片本身就好了;而SVG布局的序列,还要考虑后续的动画设置是否合理。

小结

这次的更新,是左右滑动布局、SVG布局、SVG布局的序列操作设置调整。

在每列序列旁边,新增四个按钮,增加序列、复制序列、拖动序列调整顺序、删除序列;另外,现在选中序列,可对序列里的内容进行替换。

更多阅读

小白适用

系统介绍秀米的基础操作

长按识别二维码继续阅读

☚☚☚ 向左滑动

秀米有那么多骚技能

不来学几招?

长按扫码关注我们

想知道秀米今年有多努力吗?

点“阅读原文”看看吧~

填表有机会获得米点哦~

阅读剩余的58%

扫描二维码推送至手机访问。

版权声明:本文由飞速云SEO网络优化推广发布,如需转载请注明出处。

本文链接:http://hon-tex.cn/post/82195.html

“html5手机页面滑动(h5怎么制作滑动长页面)” 的相关文章

长沙微信网站制作(长沙微信推广平台)

长沙微信网站制作(长沙微信推广平台)

今天给各位分享长沙微信网站制作的知识,其中也会对长沙微信推广平台进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、微信网站如何建设? 2、微信网站,微网站怎么做 3、微信网页怎么制作? 微信网站如何建设? 微信网站制作具体操作步骤如下:第一步:登陆微...

网站自然优化(网站自动优化)

网站自然优化(网站自动优化)

本篇文章给大家谈谈网站自然优化,以及网站自动优化对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、网站优化方法有哪些 2、网站建设SEO自然优化的好处有哪些 3、外贸网站怎么做自然优化? 4、网站优化步骤有哪些 网站优化方法有哪些 1.网站诊断从网站定位出发,...

关于岳阳网站制作的信息

关于岳阳网站制作的信息

本篇文章给大家谈谈岳阳网站制作,以及对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、潍坊网站制作公司哪家好?哪家最专业? 2、岳阳易发网络科技有限公司怎么样? 3、岳阳哪里有网站制作公司? 4、岳阳做网站哪家公司好啊? 潍坊网站制作公司哪家好?哪家最专业?...

商城送电器骗局(商城送电器骗局套路)

商城送电器骗局(商城送电器骗局套路)

本篇文章给大家谈谈商城送电器骗局,以及商城送电器骗局套路对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、京东商城是骗人没商量.卖假货,送货慢.把我给气的!!!!! 2、街上 电器抽奖骗人怎么回事?真正原因是什么? 3、国美电器 骗子 4、安电信宽带送家电活动是...

kitten源码编辑器(编程猫源码编辑器kitten)

kitten源码编辑器(编程猫源码编辑器kitten)

本篇文章给大家谈谈kitten源码编辑器,以及编程猫源码编辑器kitten对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、kittentimeover代码如何编写 2、源码编辑器小可问乖法题那个怎么弄 3、编程猫可以cpu指令吗 kittentimeover代码...

WPS还有免费模板吗(wps还有免费模板吗怎么用)

WPS还有免费模板吗(wps还有免费模板吗怎么用)

本篇文章给大家谈谈WPS还有免费模板吗,以及wps还有免费模板吗怎么用对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、wps是免费的吗? 2、WPS稻壳儿的开通会员已下载的模板,后期没续费后那模板还可以用吗? 3、WpS超级模板收费吗 4、wps2019版是免...