【纯教程】折叠功能效果在微信图文与有赞微页面的运用

5月21号重新编辑，因为之前写的不明白，一发希望可以重新排版，写的更详细些，以便上专栏。

　　大家可以先看实例：

【折叠功能在微信图文】戳：这里


【折叠功能在有赞微页面】戳：这里

说明：折叠效果个人觉得在微信图文实用性更强些。知道如何在微信图文运用折叠效果，在有赞微页面用起来也会得心应手。


工具：网页编辑器或者微信图文编辑器（百度搜，一大堆，个人推荐“易点编辑器”，我可没收广告费）


教程：
①打开上面的微信图文实例
②如图所示，复制折叠效果区域

③直接粘贴到微信图文编辑框即可使用（不信你自己试试，如果想要更多效果，请接着看）

④把上面复制的折叠区域，粘贴到网页编辑器，切换到源代码模式




⑤修改如下所示的数值（css样式），即可达到想要的效。

⑥颜色值可以参考photoshop取色器，亲们可以在源代码模式下修改，然后在切换过来，查看修改效果

把这些折叠效果用到微页面


→1.建立富文本
→2.随意输入一些字符作为标记
→3.右击审查元素
→4.ctrl+F搜"contenteditable"
→5、6.右击选"edit as html"
→7.复制上面编辑器的代码，替换掉“<p>与</p>”之间所有的代码，包含<p>与</p>
→随意点击左侧空白就OK了


















大功告成


最后 ，感谢GF帮我优化了代码。

{:6_156:}{:6_156:}{:6_156:}

不错非常好,学习了,很不错

我回来啦

写的够明白不？

能否把文字标题换成图片？点击图片展开？十分想知道代码怎么写？！请指教啊万谢！

要怎么才能复制呢？

PICC旅游保险 发表于 2015-5-29 18:15
要怎么才能复制呢？

选中折叠效果区域复制就可以了