网站中插入Flash动画层的方法(附代码)

2018-11-01    来源:学做网站论坛

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

我们经常看到一些政府类门户网站顶部会有一些动画来作为网站LOGO,当用户打开网站时,动画就会反复的进行播放。如下图的网站,它的顶部的LOGO图片上面就会有一群白鸽不停的飞动。

网站中插入Flash动画层

这就是使用了Flash动画层插入到顶部DIV里,并且背景是透明的,好像这群白鸽在这张图片上飞动一样。

下面学做网站论坛就给学习怎么建网站的学员们介绍一下网站中插入Flash动画层的方法。

方法/步骤

  1. 新建一个DIV,并且给这个DIV设置一个大的背景图;
    
    
    <div class="topp"></div>
  2. 在这个DIV里插入Flash动画层的代码:
    
    
    <script type="text/javascript">InsertFlash('/60.swf', 1003, 197,'')</script>
  3. 下载Flash动画,将它放到自己网站根目录下。FLASH 动画下载地址:https://pan.baidu.com/s/14vXX7NsuUoTeFS8G7ZM3rA
  4. 在网站头部标签</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>
  5. 如果放入网站后不显示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>

标签: 代码 建网站

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:简单介绍八点帝国CMS构架更新

下一篇:Dreamweaver没有代码、设计切换按钮解决方法