点击自动滑动样式

    说 明

    本教程适用于:ID:99925


    本样式支持专业版菜单栏【动画】HTML代码调整。


    本样式需要授权公众号,将文章同步到微信公众平台(查看如何授权公众号同步文章)


    image.png


    此样式效果如下,点击画面后,在画面最前面的小人会自动划过画面,所有图片徐徐展开。(此录制效果为2.5倍速)


    a5ee25c734310a3f208e39c3ce9668ee.gif



    替换方法


    这款样式可替换背景图片素材及前面滑动元素素材。首先在更多功能中将135编辑器菜单栏更换为专业版的。如果默认是专业版的,可以跳过这个步骤。


    image.png


    点击样式,在菜单栏中选择【动画】


    image.png


    在动画设置面板中,你可以替换素材中的图片,所有背景素材都需要保持尺寸一致。


    image.png


    如果需要增加或删去背景图片,可以点击下图这两个按钮。


    image.png


    人物的这个素材,只要上传底部透明的PNG素材即可。尺寸不要过大,不然会挡住底下的背景图。


    image.png


    一一替换完毕后,点击确定。然后使用【保存同步】功能,将文章同步到微信公众号后台即可!



    高阶改动


    如果你想要将背景素材的高度改变,可以先在动画面板中将背景素材图替换。


    image.png

    然后关闭动画面板,点击【HTML】,调整height和values这两个数值,这两个数值必须调整成一致的。初始需要展示更长的内容,就将数字调大,反之调小。


    image.png


    image.png


    调整完毕后,在手机预览中看看效果,如果不合适,反复调整几次就可以了。


    image.png

    - END -


    如果您的疑问尚未被解决

    请点击135编辑器右下角【联系客服】

    我们诚挚邀请您给135编辑器提供【意见和建议】


    阅读量:32207

评价此内容
有帮助
无帮助
感谢反馈,请问还有其他建议吗? (选填)
本篇目录