“拉開展示，人民網(wǎng)這種排版怎么做啊？”
點(diǎn)擊切換的玩法大家都知道哪些？
點(diǎn)擊擦除切換、點(diǎn)擊翻轉(zhuǎn)切換、點(diǎn)擊放大切換等等，可謂是千變?nèi)f化。
今天再給大家介紹一個(gè)最新的玩法——點(diǎn)擊-拉開展示。
感受一下：
*素材來自人民網(wǎng)《可惡，被“國寶”內(nèi)涵到了！》
組件：點(diǎn)擊-拉開展示(上下)
編號：12102（組件）
換個(gè)方向，還可以左右拉開展示：
*素材來自Bananain蕉內(nèi)《超 能 [ ] 爸 爸》
組件：點(diǎn)擊-拉開展示(左右)
編號：12101（組件）
這個(gè)效果的亮點(diǎn)就在于兩邊拉開內(nèi)容，給用戶以更強(qiáng)的神秘感，引起大家的好奇心。
下面以第一個(gè)上下拉開展示的效果為例，一起看下使用教程吧。
詳細(xì)教程：
工具：iPaiban Pro 黑科技編輯器，網(wǎng)址：SVG.iPaiban.com
組件：點(diǎn)擊-拉開展示(上下)
編號：12102（組件）
第1步：選擇組件
登錄 iPaiban Pro 編輯器后，點(diǎn)擊編輯器左側(cè)「組件」按鈕，在「點(diǎn)擊」分類中找到「點(diǎn)擊-拉開展示(上下)」組件，或者直接搜索組件編號12102，點(diǎn)擊選擇。
第2步：上傳圖片素材
①點(diǎn)擊右側(cè)兩個(gè)「換圖」按鈕，分別上傳單擊前和單擊后的圖片。兩張圖片尺寸需保持一致，內(nèi)容各占一半，另外一半透明。
②下滑后點(diǎn)擊右側(cè)兩個(gè)「換圖」按鈕，分別上傳展示圖和背景圖。單擊前圖片和背景圖尺寸需一致，展示圖只需寬度一致，高度由展示內(nèi)容決定。
第3步：調(diào)整效果參數(shù)
輸入或者加減設(shè)置「動(dòng)畫時(shí)間」。
第4步：導(dǎo)入公眾號后臺(tái)
點(diǎn)擊頁面最右側(cè)「預(yù)覽草稿」可隨時(shí)預(yù)覽效果，盡量使用手機(jī)掃碼預(yù)覽。
調(diào)整效果滿意后點(diǎn)擊「同步至微信后臺(tái)」同步到自己的公眾號就可以了。
使用同步功能無需頻繁在編輯器和微信后臺(tái)切換，同步成功后可以立即掃描二維碼查看。
轉(zhuǎn)載請?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）