點擊自動滑動樣式

    說 明

    本教程適用于：ID：99925


    本樣式支持專業(yè)版菜單欄【動畫】、HTML代碼調(diào)整。


    本樣式需要授權(quán)公眾號，將文章同步到微信公眾平臺（查看如何授權(quán)公眾號同步文章）


    image.png


    此樣式效果如下，點擊畫面后，在畫面最前面的小人會自動劃過畫面，所有圖片徐徐展開。（此錄制效果為2.5倍速）


    a5ee25c734310a3f208e39c3ce9668ee.gif



    替換方法


    這款樣式可替換背景圖片素材及前面滑動元素素材。首先在更多功能中將135編輯器菜單欄更換為專業(yè)版的。如果默認(rèn)是專業(yè)版的，可以跳過這個步驟。


    image.png


    點擊樣式，在菜單欄中選擇【動畫】


    image.png


    在動畫設(shè)置面板中，你可以替換素材中的圖片，所有背景素材都需要保持尺寸一致。


    image.png


    如果需要增加或刪去背景圖片，可以點擊下圖這兩個按鈕。


    image.png


    人物的這個素材，只要上傳底部透明的PNG素材即可。尺寸不要過大，不然會擋住底下的背景圖。


    image.png


    一一替換完畢后，點擊確定。然后使用【保存同步】功能，將文章同步到微信公眾號后臺即可！



    高階改動


    如果你想要將背景素材的高度改變，可以先在動畫面板中將背景素材圖替換。


    image.png

    然后關(guān)閉動畫面板，點擊【HTML】，調(diào)整height和values這兩個數(shù)值，這兩個數(shù)值必須調(diào)整成一致的。初始需要展示更長的內(nèi)容，就將數(shù)字調(diào)大，反之調(diào)小。


    image.png


    image.png


    調(diào)整完畢后，在手機(jī)預(yù)覽中看看效果，如果不合適，反復(fù)調(diào)整幾次就可以了。


    image.png

    - END -

    如果您的疑問尚未被解決

    請在幫助中心內(nèi)【聯(lián)系客服】

    我們誠摯邀請您給135編輯器提供【意見和建議】

    微信關(guān)注135編輯器 ID：editor135 ，獲取更多排版干貨知識

評價此內(nèi)容
有幫助
無幫助
感謝反饋，請問還有其他建議嗎? (選填)