立即登录
最近微信公众号的图片弹幕效果和点击图片显示其他内容非常伙伴，很多小伙伴都好奇这些怎么做的吧。其实一点都不复杂，弹幕就是个HTML代码，换上文字就是你的内容，点击图片后显示其他字，其实就是一张png图片。下面一一来解答。
微信弹幕图片
先来看效果：
HTML代码如下：
border-style:none;
margin: 1em auto;
width:100%;
" id="shifu_bar_001" donone="shifuMouseDownStyle('shifu_bar_001')">
height:20em;
background:rgb(255,255,255);
box-sizing:border-box">
box-sizing:border-box">
啊啊 wings blog 博主好帅啊
box-sizing:border-box">
快打开 www.wusiwei.com！！！ 你懂的
box-sizing:border-box">
我要上电视，终于上电视了，o(≧v≦)o~~好棒
box-sizing:border-box">
十万个微什么，这个网站也很不错，里面好多微信干货
box-sizing:border-box">
听说明天要下雨
box-sizing:border-box">
计算机技巧，全宇宙最好用的公众号
box-sizing:border-box">
给大家推荐一个微信号——计算机技巧，很多电脑、手机技巧哦！
直接把中文换成你要的内容就行了，然后就剩拷贝复制了。当然还有更直接的，网上搜“微信编辑器”很多编辑器现在已经自这个样式了。为了避免广告嫌疑，这里就不说哪个编辑器了。
图片点击后显示其他字
先直接看下效果图：
原理如下：
做一张黑白子的png透明图片，黑字内容及即点开图片前显示的内容（因为在手机上看，png透明图片，背景默认都是白色），白字部分就是点开后的内容了（点开后看大图是全屏模式，全屏模式下背景是黑色，这样就把黑字部分隐藏了，而只显示白字部分）。懂了吧！下面是我自己做的一张png图，点开后内容也自动变了。
（如果在电脑上看，估计有些看不明显，手机应该都能明显看出区别）
若想查看具体效果，请关注本站微信公众号，回复“弹幕”即可查看具体效果
相关文章：
© 2018 www.qingketang.net 鄂ICP备18027844号-1
武汉快勤科技有限公司 13554402156 武汉市东湖新技术开发区关山二路特一号国际企业中心6幢4层7号
扫码关注，全站教程免费播放
订单金额：
支付金额：
支付方式：
揭秘微信红包群玩的微信红包接龙骗局 
从斗鱼mini视频看到的商机