跟小e学制作:使用js在网站中插入Flash动画

我们经常看到一些门户网站顶部会有一些动画效果,当用户打开网站时,动画就会反复的进行播放。

如下图的网站,它的顶部的banner图片上面就会有一群白鸽不停的飞动。这是将Flash动画插入到网站顶部的DIV层里,并且背景设置为透明的,好像这群白鸽在这张图片上飞动一样。

在网页中插入flash的方法有两种,今天小e先给大家介绍一下使用js在网站中插入Flash透明动画的方法。

1

新建一个DIV,并设置DIV的背景图片

2

在这个DIV里插入Flash动画层的代码

3

下载Flash动画,并放到自己网站根目录下

将背景为透明的动画放在网站根目录并重命名为"gezi.swf"

4

在网站头部标签内部,放上以下JS代码,用于插入FLASH播放器。

5

如果预览时不显示Flash动画,请检查一下动画的路径是否正确,可考虑使用“相对站点根目录的相对路径”。

以下是网站中插入Flash动画的全部代码。(CSS背景和样式自已写,如果不会,先学习一下html基础知识)

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181108B0POYR00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券