学做网站培训课程介绍

当前位置:

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

我们经常看到一些部门类门户网站顶部会有一些动画来作为网站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>

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 我们在浏览网站时,会发现有些网站的顶部会有天气预报功能,并且可以根据用户所在的城市自动变换成当地的天气预报信息。那么我们在自己建网站时,怎么
  • DW网页中如何插入图片 视频教程 (1185217 次浏览)
    DW给网页插入图片一般有二种方法:一种是插入拥有ALT属性的图片,这在我们的企业网站制作教程中经常用到。另一种是插入背景图片,实现在图片
  • 我想学仿站,问题总是多多啊~~第一,我应该怎样更换仿站中的FLASH文件呢?答:仿站时,目标网站的FLASH文件,可以换成自己的FLASH,具体方法在"企
  • 我们经常看到一些部门类门户网站顶部会有一些动画来作为网站LOGO,当用户打开网站时,动画就会反复的进行播放。如下图的网站,它的顶部的LOGO图片上面
  • 网页如何添加视频动画 视频教程 (1107826 次浏览)
    在网站制作过程中,特别是学习视频网站制作教程时,是需要给网站中添加很多的视频的,对于网站如何添加视频有二种方法:一种是添加自己网站的视频,另
  • 这是自己学习了仿站课程,自己仿张老师做的超漂亮电器售后企业站(U型动画),特别适合电器售后服务类网站使用,这个电器售后企业站最大的难点就是用了
  • 各位同学大家好,我是学做网站论坛的建站会员广东崔磊。很感谢论坛老师在我学习网站制作课程期间,对我的辅导帮助。现在在这里我想给同学做分享一
  • 学做网站时,经常要修改代码,很多时候需要用到颜色代码,由于太多,不可能都记住,所以找到了一个带有中文颜色名称表示的颜色代码表,以便后期网页设