多次点击、展开样式

    说 明

    本教程适用于:ID:_______


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


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


    什么是多次点击、延长样式?

    本样式支持多次点击图片,最后一张图可以延申展开。同类型样式还有:


    ID:98693 点击图片切换/人民日报点亮武汉样式  【查看教程】


    ID:98539 点击展开样式 【查看教程】


    ID:98461 点击展开卷轴【查看教程】





    使用教程


    使用该样式需要准备多张图片。前四张图片图片尺寸需要保持一致


    image.png


    选择这款样式,我们使用【动画】面板进行操作。


    image.png


    在SVG动画设置中,我们可以对这款样式进行替换编辑。


    image.png


    我们在动画面板里,找到第一屏图片,然后依次进行替换。


    录制_2020_07_07_14_02_24_178.gif


    编辑完成后,点击确定。然后将文章同步到公众号后台即可看到效果。


    扫码查看效果



    情况一

    前面的点击效果要增加几张图


    在动画编辑页面里,点击【第一屏画面】栏中的【复制】,就会在最前面增加多一屏幕,替换图片即可。


    image.png


    录制_2020_07_07_14_16_24_337.gif


    情况二

    最后延申的图片要增加几张图


    在延申图片最后一张栏目中,点击【+】增加一张,然后替换图片。


    image.png


    录制_2020_07_07_14_20_36_481.gif


    扫码看看最后效果


    image.png


    - END -


    如果您的疑问尚未被解决

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

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

    阅读量:47515

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