网站中插入Flash动画层的方法(附代码)
我们经常看到一些部门类门户网站顶部会有一些动画来作为网站LOGO,当用户打开网站时,动画就会反复的进行播放。如下图的网站,它的顶部的LOGO图片上面就会有一群白鸽不停的飞动。
这就是使用了Flash动画层插入到顶部DIV里,并且背景是透明的,好像这群白鸽在这张图片上飞动一样。
下面学做网站论坛就给学习怎么建网站的学员们介绍一下网站中插入Flash动画层的方法。
方法/步骤
- 新建一个DIV,并且给这个DIV设置一个大的背景图;
<div class="topp"></div>
- 在这个DIV里插入Flash动画层的代码:
<script type="text/javascript">InsertFlash('/60.swf', 1003, 197,'')</script>
- 下载Flash动画,将它放到自己网站根目录下。FLASH 动画下载地址:https://pan.baidu.com/s/14vXX7NsuUoTeFS8G7ZM3rA
- 在网站头部标签</head>上面,放上以下的JS代码,用于插入FLASH播放器。
<script>
//在网页中插入flash
function InsertFlash(Flash,Width,Height,ID){
document.write("<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ");
document.write("codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" ");
document.write("width="" + Width + "" height="" + Height + "" id="" + ID + "">");
document.write("<param name="movie" value="" + Flash + "">");
document.write("<param name="quality" value="high">");
document.write("<param name="wmode" value="transparent">");
document.write("<embed src="" + Flash + "" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" ");
document.write("type="application/x-shockwave-flash" width="" + Width + "" height="" + Height + ""></embed>");
document.write("</object>");
}
</script> - 如果放入网站后不显示Flash动画层,请检查一下动画的路径是否正确,可考虑使用从不路径。
以下是网站中插入Flash动画层的全部代码。(CSS背景和样式自已写,如果不会,先学习一下html入门教程)
<script>
//在网页中插入flash
function InsertFlash(Flash,Width,Height,ID){
document.write("<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ");
document.write("codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" ");
document.write("width="" + Width + "" height="" + Height + "" id="" + ID + "">");
document.write("<param name="movie" value="" + Flash + "">");
document.write("<param name="quality" value="high">");
document.write("<param name="wmode" value="transparent">");
document.write("<embed src="" + Flash + "" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" ");
document.write("type="application/x-shockwave-flash" width="" + Width + "" height="" + Height + ""></embed>");
document.write("</object>");
}
</script>
<div class="topp">
<script type="text/javascript">InsertFlash('/60.swf', 1003, 197,'')</script>
</div>