学生教材网 >IT > 资讯 > IT资讯 > 浏览文章

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

来源:网络编辑:佚名时间:2016-02-26人气:

黑糖秀歌词,小麦进城全集下载,台模私拍布丁

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

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

        </text>

        <text x="35%" y="60" fill="#646464" 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编辑框中,代码中的图片链接可使用刚才获得的图片链接,汉字部分用户可自行替换成其他:

IT之家官网地址http://www.ithome.com/

IT之家,青岛软媒旗下,国内顶级IT科技门户网站。快速精选IT新闻,实时报道科技周边,关注苹果iOS、谷歌Android、微软Windows Phone,紧盯iPhone/iPad、安卓智能设备、WP手机等数码潮流。技术资讯、攻略教程、资源下载 - IT人的生活,尽在IT之家,爱IT,爱这里。

Tags标签quotltgtITfont

热门推荐