跳不停，你要的公众号留言区跳动教程来了！
快过年了，教大家一个欢快的公众号图文效果——
留言区跳动！
▲本文文末可体验真实效果
之前在日常推送的一篇图文中，让留言区跳动了起来，结果风头竟盖过了图文本来的主题，让我不知是悲是喜。
这次给大家提供3种方法，总有一个适合你的。
实现这一效果的关键点是一小段代码。别慌，如果只是实现跳动的效果，不需要你懂代码，你只需把它插入到图文中，下面是教程。
方法一
使用i排版图文编辑器
打开i排版图文编辑器（iPaiban.com/bianji），先编辑排好正文内容。
接着复制下方控制跳动的代码，打开编辑区右上方的 HTML，将代码粘贴在最底部就可以了。
最后，我们回到编辑页面复制图文到公众号后台，发送到手机上预览效果。
方法二
使用 iPaiban Pro 小助手插件
iPaiban Pro 黑科技编辑器的用户相信已经安装了 iPaiban Pro 小助手插件，没安装的一定要安装，插件虽小，可以大大提高 iPaiban Pro 的生产力。
*复制下方链接到谷歌浏览器地址栏，按回车键下载文件，然后拖动文件到浏览器扩展程序（chrome://extensions）中即可安装。
https://black-resource-1257307183.cos.ap-beijing.myqcloud.com/iPaiban%20Pro%20%E5%B0%8F%E5%8A%A9%E6%89%8B.crx
这次我们需要用到小助手的一个「局部导入」功能。
安装成功后，在公众号后台打开要添加留言区跳动效果的图文。接着在图文最后输入下方标识（包括大括号）：
{code}
右上角打开小助手，然后复制下方代码，点击小助手「导入代码」选项，粘贴代码到输入框中，接着点击「局部导入」就OK了。
最后点击「保存为草稿 」，发送到手机预览查看效果。
方法三
使用浏览器检查（审查元素）模式
你也可以直接在公众号后台给编辑好的图文添加这段代码。
打开图文编辑页面，在空白处点击鼠标右键，出现菜单栏，我们选择「检查」打开网页检查页面。（部分浏览器为「审查元素」）
接着点击检查页面左上角的「小鼠标」标志，此时挪动鼠标到哪里，我们便可以定位控制此处的代码。
因为我们要将跳动的效果加在图文最后，所以挪动鼠标至图文的最后一行（最后一行最好是空行），点击一下，定位代码。
然后在定位的代码处右键单击，选择「Edit as HTML」，复制下方代码，全部替换粘贴进去，接着在空白处单击一下，代码就被添加到图文中了。
最后还是点击「保存为草稿 」，发送到手机预览查看效果。
如果你觉得在这里复制代码不方便，在「i排版」公众号后台回复关键词可获取单独的代码文本。代码分成了两个版本，一版是有手指的，一版是无手指的，大家可按自己喜好选择使用。
回复关键词「跳动1」获取有手指的代码：
回复关键词「跳动2」获取无手指的代码：
跳起来吧！
制作SVG交互图文认准 iPaiban Pro 黑科技编辑器（网址：x.iPaiban.com），复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可开始注册并使用。
新用户在「新手礼包」可领取3天企业标准版会员体验权，以及22个常用必备组件的大礼包（1年）哦。
一个互动
你还想要什么好玩的图文效果？
留言区聊聊
● SVG 黑科技交互排版????????
点个“在看”
抱走《公众号排版规范手册》PPT
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）