前言

今天在浏览网页时候，发现有的网站上既然可以在任意地方插入视频，且可以控制视频的显示范围，瞬间感觉效果还不错，经查看源代码，发现不过是在网站上嵌入flash动画而已，或是在flash中在动态引用外部视频文件，然后设置背景透明。

实现下雪效果

1.flash的制作

为了便于查看雪花，将舞台背景设置黑色，其实这个不是很重要，其他颜色也可以。
2.引入swfobject.js并进行相应的配置

"showtext">


<object type="application/x-shockwave-flash" id="fruit" name="fruit" align="middle" data="yuehua.swf" width="1000" height="550">
"quality" value="high">
"bgcolor" value="#ffffff">
"play" value="true">
"loop" value="true">
"wmode" value="transparent">
"scale" value="showall">
"menu" value="true">
"devicefont" value="false">
"salign" value="">
"allowscriptaccess" value="sameDomain">
object>

备注wmode 有以下值：
“Window” 在 Web 页上用影片自己的矩形窗口来播放应用程序，并且始终位于最顶层。
“Opaque” 显示页面上位于它后面的内容。
“Transparent”使 HTML 页的背景可以透过应用程序的所有透明部分显示出来，并且可能会降低动画性能。

效果

代码下载如下：
http://download.csdn.net/detail/hsd2012/9547225

备注

推荐一款做截gif图片的软件
LICEcap
部分截图如下

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！