查看原文
其他

微信公众号图文发弹幕,这招装B不错!

2016-02-24 木木 木木老贼


什么鬼,这么吊!这是一个新鲜、有趣、有料的学习平台!!!!有个人长的像洋葱,走着走着就哭了…没事闲着干嘛,来木木这看看!从前有个人钓鱼,钓到了只鱿鱼!用起来不错啊!不要假装都懂,来这里可能你那的棘手问题就解决了!

对,这就是最近,很火的公众号图文弹幕,已经看到很多微信公众号在发弹幕了。

 

木木在闲暇时,也玩了一下,就是上面所示了。

 

其实,这个也是利用HTML代码来实现了,基本上就是网页上可实现的效果图文化,当然前提是用的是微信公众号可兼容的一些代码元素。

 

这里,就结合代码给大家简单介绍一下。大家可以根据代码做对应的调整,做出自己想要的微信公众号图文弹幕。

 

下面就是实现这个效果的后台代码:



我简单标注了一下,第一个红框里面的大家基本不用管,就是第2-5行,大家可以对应调整一下弹幕界面的边框、上下边距和宽度。

 

然后,第12/13行,大家可以调整弹幕效果区域的宽和高度,至于单位,大家用像素PX和em都是可以的。(1em=16px)

 

接着,第二个红框就是每一个滚动的字幕了。从就是一段弹幕文字的代码,一个这样的区域就是一段文字。其中Y、X是控制文字的起始位置,fill是控制文字颜色,font-size是文字大小,这些大家都可以自行调整。

 

最后我单独又标出来一个框,因为这个是弹幕的重点所在,控制的是弹幕效果。attributename="x"控制的是滚动方向,from和to就是从哪里滚动到哪里,然后begin是控制文字什么时间开始滚动,dur=“10s”就是表示经过10s后滚动到目的地。


这一块,大家都是可以自行调整的,比如经过调整这些也可以实现以下效果。

 



 

好了,经过上面简单介绍,相信大家应该能轻松根据代码做出自己的微信公众号弹幕。

 

另外,这个弹幕也可以直接在图片上的,只不过在上面的基础上需要多加入一张用作背景的图片,如下:


什么鬼,这么吊!这是一个新鲜、有趣、有料的学习平台!!!!有个人长的像洋葱,走着走着就哭了…没事闲着干嘛,来木木这看看!从前有个人钓鱼,钓到了只鱿鱼!用起来不错啊!不要假装都懂,来这里可能你那的棘手问题就解决了!


最后,本来准备直接把弹幕代码丢给大家的,不过无意中发现i排版上面已经把这种形式直接做进去了,相信其他一些微信排版平台也会慢慢放进去。那就省得我麻烦了,大家只需要过去,找到弹幕,然后根据上面介绍的,修改相关信息,达到你想要的效果就可以了。




就到这里,再聊!

查看往期精彩文章


回复“公众号运营”,查看公众号营销运营精彩文章

回复“网络营销”,查看网络营销精彩文章

回复“运营干货”,查看运营相关精彩文章

回复“微信营销”,查看微信营销精彩文章

回复“APP推广”,查看APP推广精彩文章

回复“广告文案”,查看广告文案精彩文章

回复“SEO优化”,查看SEO精彩文章

回复“最新报告”,查看相关精彩报告


如果你无聊,还可以随机回复数字“1-200”,说不定就有惊喜等着你

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存