跳不停，你要的公眾號(hào)留言區(qū)跳動(dòng)教程來(lái)了！
快過(guò)年了，教大家一個(gè)歡快的公眾號(hào)圖文效果——
留言區(qū)跳動(dòng)！
▲本文文末可體驗(yàn)真實(shí)效果
之前在日常推送的一篇圖文中，讓留言區(qū)跳動(dòng)了起來(lái)，結(jié)果風(fēng)頭竟蓋過(guò)了圖文本來(lái)的主題，讓我不知是悲是喜。
這次給大家提供3種方法，總有一個(gè)適合你的。
實(shí)現(xiàn)這一效果的關(guān)鍵點(diǎn)是一小段代碼。別慌，如果只是實(shí)現(xiàn)跳動(dòng)的效果，不需要你懂代碼，你只需把它插入到圖文中，下面是教程。
方法一
使用i排版圖文編輯器
打開(kāi)i排版圖文編輯器（iPaiban.com/bianji），先編輯排好正文內(nèi)容。
接著復(fù)制下方控制跳動(dòng)的代碼，打開(kāi)編輯區(qū)右上方的 HTML，將代碼粘貼在最底部就可以了。
最后，我們回到編輯頁(yè)面復(fù)制圖文到公眾號(hào)后臺(tái)，發(fā)送到手機(jī)上預(yù)覽效果。
方法二
使用 iPaiban Pro 小助手插件
iPaiban Pro 黑科技編輯器的用戶相信已經(jīng)安裝了 iPaiban Pro 小助手插件，沒(méi)安裝的一定要安裝，插件雖小，可以大大提高 iPaiban Pro 的生產(chǎn)力。
*復(fù)制下方鏈接到谷歌瀏覽器地址欄，按回車(chē)鍵下載文件，然后拖動(dòng)文件到瀏覽器擴(kuò)展程序（chrome://extensions）中即可安裝。
https://black-resource-1257307183.cos.ap-beijing.myqcloud.com/iPaiban%20Pro%20%E5%B0%8F%E5%8A%A9%E6%89%8B.crx
這次我們需要用到小助手的一個(gè)「局部導(dǎo)入」功能。
安裝成功后，在公眾號(hào)后臺(tái)打開(kāi)要添加留言區(qū)跳動(dòng)效果的圖文。接著在圖文最后輸入下方標(biāo)識(shí)（包括大括號(hào)）：
{code}
右上角打開(kāi)小助手，然后復(fù)制下方代碼，點(diǎn)擊小助手「導(dǎo)入代碼」選項(xiàng)，粘貼代碼到輸入框中，接著點(diǎn)擊「局部導(dǎo)入」就OK了。
最后點(diǎn)擊「保存為草稿 」，發(fā)送到手機(jī)預(yù)覽查看效果。
方法三
使用瀏覽器檢查（審查元素）模式
你也可以直接在公眾號(hào)后臺(tái)給編輯好的圖文添加這段代碼。
打開(kāi)圖文編輯頁(yè)面，在空白處點(diǎn)擊鼠標(biāo)右鍵，出現(xiàn)菜單欄，我們選擇「檢查」打開(kāi)網(wǎng)頁(yè)檢查頁(yè)面。（部分瀏覽器為「審查元素」）
接著點(diǎn)擊檢查頁(yè)面左上角的「小鼠標(biāo)」標(biāo)志，此時(shí)挪動(dòng)鼠標(biāo)到哪里，我們便可以定位控制此處的代碼。
因?yàn)槲覀円獙⑻鴦?dòng)的效果加在圖文最后，所以挪動(dòng)鼠標(biāo)至圖文的最后一行（最后一行最好是空行），點(diǎn)擊一下，定位代碼。
然后在定位的代碼處右鍵單擊，選擇「Edit as HTML」，復(fù)制下方代碼，全部替換粘貼進(jìn)去，接著在空白處單擊一下，代碼就被添加到圖文中了。
最后還是點(diǎn)擊「保存為草稿 」，發(fā)送到手機(jī)預(yù)覽查看效果。
如果你覺(jué)得在這里復(fù)制代碼不方便，在「i排版」公眾號(hào)后臺(tái)回復(fù)關(guān)鍵詞可獲取單獨(dú)的代碼文本。代碼分成了兩個(gè)版本，一版是有手指的，一版是無(wú)手指的，大家可按自己喜好選擇使用。
回復(fù)關(guān)鍵詞「跳動(dòng)1」獲取有手指的代碼：
回復(fù)關(guān)鍵詞「跳動(dòng)2」獲取無(wú)手指的代碼：
跳起來(lái)吧！
制作SVG交互圖文認(rèn)準(zhǔn) iPaiban Pro 黑科技編輯器（網(wǎng)址：x.iPaiban.com），復(fù)制網(wǎng)址在 PC 端 Chrome（谷歌）瀏覽器打開(kāi)，即可開(kāi)始注冊(cè)并使用。
新用戶在「新手禮包」可領(lǐng)取3天企業(yè)標(biāo)準(zhǔn)版會(huì)員體驗(yàn)權(quán)，以及22個(gè)常用必備組件的大禮包（1年）哦。
一個(gè)互動(dòng)
你還想要什么好玩的圖文效果？
留言區(qū)聊聊
● SVG 黑科技交互排版????????
點(diǎn)個(gè)“在看”
抱走《公眾號(hào)排版規(guī)范手冊(cè)》PPT
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_(kāi)頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
暫無(wú)評(píng)論哦，快來(lái)評(píng)論一下吧！
全部評(píng)論（0條）