html左右滑动切换图片代码_微信滑动样式教程来啦,这样做超简单!

哈喽朋友们

话说过了周三是周末

四舍五入9妹快迎来周末啦

3b901e5739641c22339beacc6550ccae.png

昨天的七夕节伙伴们

浪漫甜蜜你侬我侬

9妹心里只有搬砖

10e3ce2d118d712ffbbc18982e9413d3.png

之前看到群里小伙伴们

使用滑动素材时还有一些小疑问

宠粉的9妹带着就教程来了

905b79585972357302fbd66d87e9ec0d.gif

▼登录96编辑器搜索【滑动】样式▼

ceb2014ee4353bb45ad9074b73da49c1.png

朋友们根据需要寻找合适的样式

▼以无缝滑动样式和带背景的样式为例▼

1.无缝滑动类

以素材编号“9785”为例

想要把素材里的图片替换成自己的

▼选中素材中的图片点击换图

(换图上传时要统一图片尺寸呀)

4e9390770227a624ad23ae34a3bceaea.png

图片多了或者少了怎么办呢

▼选中样式点击加一个或者减一个即可▼

14c657586d8062313a4a8923e8ae734f.png

手机不兼容滑动条

可爱们可以在样式下添加滑动提醒哦

2.自带背景的滑动图文

▼在这里9妹就用"23712"为例啦▼

773bfdab7d3a711a34a3d57ef0fc7f21.png

想要更换素材的背景

▼点击"HTML"更改源代码即可▼

0b96e6f5edc895023d472eba3c0c3631.png

把图中的代码更改为

▼想要替换的图片代码即可▼

492b2d4dc0efd8cd6eb758ec711d8f02.png

在伙伴想更换图片时

但不知道要替换的图片代码是什么

在96里面插入你想替换的图片

▼点击“换图”会得到图片地址▼

85b20a611407f6a3838b440477420df0.gif

然后把得到的图片地址

▼复制到“HTML”中进行替换▼

0b62b88a5cf9fddfd65a19a6f57d2b7c.gif

然后把插入的图片删除掉

这样背景图片就替换好啦

abaf27719503df90c7481a91574c925f.gif

OK那么以上就是

9妹带来的滑动教程啦

其实操作起来也并不难

需要大家上手试一下呀

6f663537a4743817c68c68c336c44f19.gif

8671faad2c46363b266eafc82f9a5f12.gif

280eeeefb1506276d3a97d2b6220f2cc.gif

b2426c30b57242c061b4d883a994f06d.gif

cccabd25bc4570595c27a0d416c38716.gif

 end ◈

以上排版由96编辑器提供

1cc2ff99a7fbbe80198ff81c4424e024.gif

3543b99af82930b71ea32dd827f594fe.gif

点分享

e7779ac023ade376ef0ec2bc68021140.gif

点点赞

b409254b4c4f7a5c56adfa863c75b992.gif

点在看

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值