公眾號(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)備多張圖片。前四張圖片圖片尺寸需要保持一致。


    image.png


    選擇這款樣式,我們使用【動(dòng)畫(huà)】面板進(jìn)行操作。


    image.png


    在SVG動(dòng)畫(huà)設(shè)置中,我們可以對(duì)這款樣式進(jìn)行替換編輯。


    image.png


    我們?cè)趧?dòng)畫(huà)面板里,找到第一屏圖片,然后依次進(jìn)行替換。


    錄制_2020_07_07_14_02_24_178.gif


    編輯完成后,點(diǎn)擊確定。然后將文章同步到公眾號(hào)后臺(tái)即可看到效果。


    掃碼查看效果



    情況一

    前面的點(diǎn)擊效果要增加幾張圖


    在動(dòng)畫(huà)編輯頁(yè)面里,點(diǎn)擊【第一屏畫(huà)面】欄中的【復(fù)制】,就會(huì)在最前面增加多一屏幕,替換圖片即可。


    image.png


    錄制_2020_07_07_14_16_24_337.gif


    情況二

    最后延申的圖片要增加幾張圖


    在延申圖片最后一張欄目中,點(diǎn)擊【+】增加一張,然后替換圖片。


    image.png


    錄制_2020_07_07_14_20_36_481.gif


    掃碼看看最后效果


    image.png


文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開(kāi)渠道,如有侵權(quán)請(qǐng)聯(lián)系我們刪除
文章評(píng)價(jià)
登錄后可以評(píng)論
立即登錄
比格設(shè)計(jì)
熱門工具
135編輯器
領(lǐng)先的在線圖文編輯平臺(tái)原創(chuàng)樣式素材,一鍵套用
筆格設(shè)計(jì)
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機(jī)海報(bào)應(yīng)有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營(yíng)銷、私域流量運(yùn)營(yíng)——站式營(yíng)銷管理平臺(tái)
推薦文章
用戶運(yùn)營(yíng)平臺(tái)產(chǎn)品設(shè)計(jì)指南
淺談?dòng)脩暨\(yùn)營(yíng)中的用戶分層
內(nèi)容運(yùn)營(yíng):戴上寫(xiě)作的六頂思考帽
5000字方法論:4個(gè)細(xì)節(jié),決定私域能不能賺錢
一個(gè)案例說(shuō)明白用戶分析怎么用
22條視頻,漲粉12.6萬(wàn),一個(gè)女孩子在抖音靠洗車也能月入過(guò)萬(wàn)!
高價(jià)值社群的5大核心關(guān)鍵
抖音賬號(hào)內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結(jié)與反思!
【135早資訊】:教育部將徹查教材插圖問(wèn)題;抖音6月1日起將對(duì)本地生活商家收取服務(wù)費(fèi)
熱門素材樣式
運(yùn)營(yíng)導(dǎo)航
運(yùn)營(yíng)工具
分享到