嘿，胖友們大家好呀，我是三兒。

自從上次推了六周年活動(dòng)預(yù)告以后，每天都有胖友追著三兒?jiǎn)枺荷稌r(shí)候出教程啊，啥時(shí)候出教程啊，趕快出教程吧！

別催了別催了，教程來(lái)了！

先來(lái)給沒(méi)看過(guò)的胖友們看看效果吧?。槺阍俅騻€(gè)廣告）

怎么樣，一直點(diǎn)擊的效果是不是特別有意思！

今天，三兒就來(lái)教大家如何使用吧！

話不多說(shuō)，教程開(kāi)始！

點(diǎn)擊切換樣式

ID:91578

【樣式作用】：創(chuàng)意SVG，可以與讀者進(jìn)行有效的互動(dòng)，幫助打造文章氛圍。除此之外，還可以結(jié)合產(chǎn)品特性，制作出更多的玩法。

【使用說(shuō)明】：如需要替換文字，請(qǐng)?jiān)趯I(yè)版用動(dòng)畫(huà)功能，使用同步功能同步至微信公眾號(hào)。

這里需要注意的是：胖友們需要注意文字顯示的先后順序，第一次顯示的內(nèi)容在底部哦！

5.想要增加文字的胖友們注意啦！這個(gè)樣式新增文字需要在HTML代碼界面中進(jìn)行修改，點(diǎn)擊樣式，打開(kāi)HTML代碼界面，找到『<g>』開(kāi)頭『</g>』結(jié)尾的代碼，將他們復(fù)制后，粘貼在『<g>』代碼前即可。

6.調(diào)整文字切換的方向也是需要通過(guò)修改HTML代碼來(lái)實(shí)現(xiàn)。點(diǎn)擊樣式后進(jìn)入到HTML代碼界面，找到每行文字下方『values』代碼，修改里面的數(shù)值即可。

這里需要注意的是：500為向右滑動(dòng)，-500為向左滑動(dòng)，胖友們只需要修改正負(fù)數(shù)即可完成左右切換的操作！

7.設(shè)置完所有內(nèi)容以后，胖友們可以在右側(cè)的預(yù)覽框中進(jìn)行測(cè)試，也可以返回編輯器界面，點(diǎn)擊右側(cè)菜單欄中的『手機(jī)預(yù)覽』進(jìn)行測(cè)試。

注意事項(xiàng)：

這里需要注意的是，由于微信后臺(tái)限制，所以排版完成后的推文需要使用保存同步功能，如果使用復(fù)制粘貼會(huì)導(dǎo)致樣式失效哦！

三兒還為你們錄制了一段視頻版的教程，胖友們可以結(jié)合視頻版的內(nèi)容進(jìn)行操作哦！