样式教程|创意SVG滑动点击样式
互动性再上一级，不仅可以滑动，还可以点击哦~
嘿，胖友们大家好呀，我是三儿。
明天就到教师节了，胖友们准备好教师节的推文了吗？这次三儿可长了记性，提前一天来给你们准备了推文教程，是不是超级贴心哇！
先来看看我们本期的SVG样式是什么效果吧。
温馨提示：最后一张图片可以点击哟！
怎么样，这个滑动样式是不是有点不一样？之前的滑动样式就只能滑动，这个滑动完成以后还能进行点击，是不是和用户的互动性又上了一个台阶？
今天，三儿就来教大家如何使用吧！
话不多说，教程开始！
滑动点击样式
ID:99921
【样式作用】：创意SVG，可以与读者进行有效的互动，帮助打造文章氛围。除此之外，还可以结合产品特性，制作出更多的玩法。
【使用说明】：如需要替换图片，请在专业版用动画功能，需要使用同步功能同步至微信公众号。
一、如何更换内容？
135编辑器对SVG样式做了更新，在专业版中特意添加了『动画』按钮，胖友们可以在『动画』设置中对SVG样式进行修改。
1.首先将编辑器切换至专业版，点击右侧『更多功能』，在弹出的菜单中选择『切换专业版』，即可将编辑器切换为专业版。
2.搜索样式ID：99921，找到『滑动点击』样式，插入至编辑器中。
3.点击选中样式（在样式周围出现虚线框时，才算选中哦！），在弹出的菜单栏中，选择『动画』按钮，进入动画设置界面。
这里需要注意的是：只有SVG样式才会有动画按钮哦，普通的样式是没有动画按钮的！
4.在动画设置界面，我们就可以对样式内的图片进行更换了，胖友们可以选择『图片上传』按钮对图片进行替换。
这里需要注意的是：胖友们在制作图片时，三张图片的尺寸需要保持一致，否则会导致样式显示出现问题哦！
5.设置完所有内容以后，胖友们可以在右侧的预览框中进行测试，也可以返回编辑器界面，点击右侧菜单栏中的『手机预览』进行测试。
注意事项：
这里需要注意的是，由于微信后台限制，所以排版完成后的推文需要使用保存同步功能，如果使用复制粘贴会导致样式失效哦！
二、视频版教程
三儿还为你们录制了一段视频版的教程，胖友们可以结合视频版的内容进行操作哦！
好啦，今天的教程就到这里啦
胖友们学会了吗？
·END·
如果你还有关于其它样式的疑问
可以在135笔记中看看样式教程哦
■ ■ ■ ■
立即登录
