公眾號(hào)文章排版制作多次點(diǎn)擊展開(kāi)SVG特效樣式教程
什么是多次點(diǎn)擊、延長(zhǎng)樣式?本樣式支持多次點(diǎn)擊圖片,最后一張圖可以延申展開(kāi)。
多次點(diǎn)擊、展開(kāi)樣式
說(shuō) 明
本教程適用于:ID:_______
本樣式支持專業(yè)版菜單欄【動(dòng)畫(huà)】、HTML代碼調(diào)整。
彈幕樣式需要授權(quán)公眾號(hào),將文章同步到微信公眾平臺(tái)(查看如何授權(quán)公眾號(hào)同步文章)
什么是多次點(diǎn)擊、延長(zhǎng)樣式?
本樣式支持多次點(diǎn)擊圖片,最后一張圖可以延申展開(kāi)。同類型樣式還有:
ID:98693 點(diǎn)擊圖片切換/人民日?qǐng)?bào)點(diǎn)亮武漢樣式 【查看教程】
ID:98539 點(diǎn)擊展開(kāi)樣式 【查看教程】
ID:98461 點(diǎn)擊展開(kāi)卷軸【查看教程】
使用教程
使用該樣式需要準(zhǔn)備多張圖片。前四張圖片圖片尺寸需要保持一致。
選擇這款樣式,我們使用【動(dòng)畫(huà)】面板進(jìn)行操作。
在SVG動(dòng)畫(huà)設(shè)置中,我們可以對(duì)這款樣式進(jìn)行替換編輯。
我們?cè)趧?dòng)畫(huà)面板里,找到第一屏圖片,然后依次進(jìn)行替換。
編輯完成后,點(diǎn)擊確定。然后將文章同步到公眾號(hào)后臺(tái)即可看到效果。
掃碼查看效果
情況一
前面的點(diǎn)擊效果要增加幾張圖
在動(dòng)畫(huà)編輯頁(yè)面里,點(diǎn)擊【第一屏畫(huà)面】欄中的【復(fù)制】,就會(huì)在最前面增加多一屏幕,替換圖片即可。
情況二
最后延申的圖片要增加幾張圖
在延申圖片最后一張欄目中,點(diǎn)擊【+】增加一張,然后替換圖片。
掃碼看看最后效果
立即登錄













