微信公众号实现弹幕的方法?

作者:鱼爪创媒网 点击:228 发布时间:2022-03-10

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

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

  其实,这个也是利用HTML代码来实现的,基本上就是网页上可实现的效果图文化,当然前提是用的微信公众号可兼容的一些代码元素。这里是用得SVG标签,非常厉害的一个标签,能够实现的效果很多,这样滚动弹幕只是一小点,有兴趣的可以去了解。

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

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

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

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

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

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

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

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

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

  就到这里,再聊,更多相关资讯,请持续关注鱼爪创媒素材网(ziyuzhenzhugao.com);

  

鱼爪创媒是一家专业提供公众号交易、公众号迁移、公众号增粉、公众号买卖交易的平台,如果您有这方面的需求,欢迎电话咨询:13018202357。有任何疑问,可以 【立即咨询】 我们平台的客服或者添加微信号 【13018202357】 。此文章来源于网络,如有侵权,请联系删除

标签:

资金保障

提供买卖双方资金担保交易
更放心

法律保障

交易签订具有法律效益合同
提供法律支持

急速退款

专属资金通道,快速拿到
钱款

全资公司

全资控股公司,大平台交易
有保障

服务优质

3500+专业团队,为您提供24
小时一对一贴心服务