我们经常看到一些门户网站顶部会有一些动画效果,当用户打开网站时,动画就会反复的进行播放。
如下图的网站,它的顶部的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基础知识)
领取专属 10元无门槛券
私享最新 技术干货