网页设计微信排版时如何隐藏文章--泉州电脑培训

网页设计微信排版时如何隐藏文章--泉州电脑培训

  1. 最近微信朋友圈的公众号推送中有了一种新玩法,点击小三角图标,就可以出现隐藏的一部分文字,还有像套娃一样的连环样式。

    教你微信排版时怎么设置隐藏文章
  2. 2

    如上图,点击小三角则会出现如下样式:

     

    教你微信排版时怎么设置隐藏文章
  3. 3

    还可以有如下的多次组合的方式:

    教你微信排版时怎么设置隐藏文章
    教你微信排版时怎么设置隐藏文章
    教你微信排版时怎么设置隐藏文章
    END

到底是怎么做出这种效果的呢?

 
  1.  

    其实隐身模式还是很简单的,首先登陆i排版,并切换到HTML源代码模式之后,只要利用HTML的<details> 标签和<summary> 标签就可以了。

     

     

  2.  

    上面示例的具体HTML如下:

    <details><summary style="text-align: center;">微互动</summary><p>微互动是为公众号提供运营教程,分享优秀案例,并介绍互动玩法,推送互动案例,提高互动互动,增加 粉丝黏性的极好帮手。如果你有朋友想运营公众平台,把微互动推荐给他就对了;如果你有朋友问你运营方面的傻问题,把微互动推荐给他你就省事了;如果你想快速了解微信上最新新的教程和案例,找到微互动就妥了。</p></details><p></p>

  3.  

    小伙伴们可以将上面的代码复制到i排版的“HTML源代码”体验下哦,在日常排版中的猜谜、Q&A、讲故事都可以用得到。


最新资讯

技术文章

广告设计合作