點(diǎn)擊自動(dòng)滑動(dòng)樣式
說(shuō) 明
本教程適用于:ID:99925
本樣式支持專業(yè)版菜單欄【動(dòng)畫(huà)】、HTML代碼調(diào)整。
本樣式需要授權(quán)公眾號(hào),將文章同步到微信公眾平臺(tái)(查看如何授權(quán)公眾號(hào)同步文章)
此樣式效果如下,點(diǎn)擊畫(huà)面后,在畫(huà)面最前面的小人會(huì)自動(dòng)劃過(guò)畫(huà)面,所有圖片徐徐展開(kāi)。(此錄制效果為2.5倍速)
替換方法
這款樣式可替換背景圖片素材及前面滑動(dòng)元素素材。首先在更多功能中將135編輯器菜單欄更換為專業(yè)版的。如果默認(rèn)是專業(yè)版的,可以跳過(guò)這個(gè)步驟。
點(diǎn)擊樣式,在菜單欄中選擇【動(dòng)畫(huà)】
在動(dòng)畫(huà)設(shè)置面板中,你可以替換素材中的圖片,所有背景素材都需要保持尺寸一致。
如果需要增加或刪去背景圖片,可以點(diǎn)擊下圖這兩個(gè)按鈕。
人物的這個(gè)素材,只要上傳底部透明的PNG素材即可。尺寸不要過(guò)大,不然會(huì)擋住底下的背景圖。
一一替換完畢后,點(diǎn)擊確定。然后使用【保存同步】功能,將文章同步到微信公眾號(hào)后臺(tái)即可!
高階改動(dòng)
如果你想要將背景素材的高度改變,可以先在動(dòng)畫(huà)面板中將背景素材圖替換。
然后關(guān)閉動(dòng)畫(huà)面板,點(diǎn)擊【HTML】,調(diào)整height和values這兩個(gè)數(shù)值,這兩個(gè)數(shù)值必須調(diào)整成一致的。初始需要展示更長(zhǎng)的內(nèi)容,就將數(shù)字調(diào)大,反之調(diào)小。
調(diào)整完畢后,在手機(jī)預(yù)覽中看看效果,如果不合適,反復(fù)調(diào)整幾次就可以了。
- END -
如果您的疑問(wèn)尚未被解決
請(qǐng)?jiān)趲椭行膬?nèi)【聯(lián)系客服】
我們誠(chéng)摯邀請(qǐng)您給135編輯器提供【意見(jiàn)和建議】
微信關(guān)注135編輯器 ID:editor135 ,獲取更多排版干貨知識(shí)