天下网吧 >> 网吧系统 >> 系统动态 >> 正文

弹幕图片汹涌而至!微信进阶玩法 v2.0

2016-2-27不详佚名
4" font-family="microsoft yahei,sans-serif" font-weight="bold" font-size="14">

            IT之家            <animate attributename="opacity" from="1" to="0" begin="0.4s" dur="1.2s" repeatcount="indefinite"></animate>

        </text>

        <text x="35%" y="80" fill="#333333" font-family="microsoft yahei,sans-serif" font-weight="bold" font-size="14">

            IT之家            <animate attributename="opacity" from="1" to="0" begin="0.6s" dur="1.2s" repeatcount="indefinite"></animate>

        </text>

        <text x="35%" y="100" fill="#000000" font-family="microsoft yahei,sans-serif" font-weight="bold" font-size="14">

            IT之家            <animate attributename="opacity" from="1" to="0" begin="0.8s" dur="1.2s" repeatcount="indefinite"></animate>

        </text>

    </svg>

</center>

可实现的效果如下:

IT之家IT之家IT之家IT之家IT之家

3、结合GIF实现图片弹幕效果:

在实现上述文字效果的基础上,结合GIF图片就能够实现图片弹幕效果了,这在微信中显然具有较大杀伤力,那么怎么做呢?

①  首先,我们可以选取一张gif图片上传到微博

弹幕图片汹涌而至!微信进阶玩法 v2.0

 ②  点击查看大图 — 在新标签页中打开图片,获得该图片的网页链接

弹幕图片汹涌而至!微信进阶玩法 v2.0

弹幕图片汹涌而至!微信进阶玩法 v2.0

③  将如下代码复制到微信HTML编辑框中,代码中的图片链接可使用刚才获得的图片链接,汉字部分用户可自行替换成其他:

<p>

    <img src="/sys/UploadFiles_2901/201602/2016022710590363.gif"/>

</p>

<svg width="100%" height="200" xmlns="http://www.w3.org/2000/svg" style="margin-top: -160px;">

    <text font-fami

本文来源:不详 作者:佚名

相关文章
没有相关文章
声明
声明:本站所发表的文章、评论及图片仅代表作者本人观点,与本站立场无关。若文章侵犯了您的相关权益,请及时与我们联系,我们会及时处理,感谢您对本站的支持!联系Email:support@txwb.com,系统开号,技术支持,服务联系QQ:1175525021本站所有有注明来源为天下网吧或天下网吧论坛的原创作品,各位转载时请注明来源链接!
天下网吧·网吧天下