文本描述
公众号教程合集、微商教程合集,淘宝店铺: 微信公众号图文发弹幕的实现方法 对,这就是最近,很火的公众号图文弹幕,已经看到很多微信公众号在发弹幕了 木木在闲暇时,也玩了一下,就是上面所示了 其实,这个也是利用HTML代码来实现的,基本上就是网页上可实现的效果图 文化,当然前提是用的微信公众号可兼容的一些代码元素。这里是用得SVG标 签,非常厉害的一个标签,能够实现的效果很多,这样滚动弹幕只是一小点,有 兴趣的可以去了解 公众号教程合集、微商教程合集,淘宝店铺: 这里,就结合代码给大家简单介绍一下。大家可以根据代码做对应的调整,做出 自己想要的微信公众号图文弹幕 下面就是实现这个效果的后台代码: 我简单标注了一下,第一个红框里面的大家基本不用管,就是第2-5行,大家可 以对应调整一下弹幕界面的边框、上下边距和宽度 公众号教程合集、微商教程合集,淘宝店铺: 然后,第12/13行,大家可以调整弹幕效果区域的宽和高度,至于单位,大家 用像素PX和em都是可以的。(1em=16px) 接着,第二个红框就是每一个滚动的字幕了。从就是一段弹幕文字的代码,一个 这样的区域就是一段文字。其中Y、X是控制文字的起始位置,fill是控制文字 颜色,font-size是文字大小,这些大家都可以自行调整 最后我单独又标出来一个框,因为这个是弹幕的重点所在,控制的是弹幕效果 attributename=x控制的是滚动方向,from和to就是从哪里滚动到哪里,然 后begin是控制文字什么时间开始滚动,dur=“10s”就是表示经过10s后滚 动到目的地 好了,经过上面简单介绍,相信大家应该能轻松根据代码做出自己的微信公众号 弹幕 另外,这个弹幕也可以直接在图片上的,只不过在上面的基础上需要多加入一张 用作背景的图片,如下: 公众号教程合集、微商教程合集,淘宝店铺: 最后,本来准备直接把弹幕代码丢给大家的,不过无意中发现i排版上面已经把 这种形式直接做进去了,相信其他一些微信排版平台也会慢慢放进去。也好,那 就省得我麻烦了,大家只需要过去,找到弹幕,然后根据上面介绍的,修改相关 信息,达到你想要的效果就可以了。 。。。以上简介无排版格式,详细内容请下载查看