让浮动广告显示在Flash上方的技巧

需积分: 0 1 下载量 157 浏览量 更新于2024-09-11 收藏 94KB DOC 举报
"浮动广告在Flash上的实现方法" 在网页设计中,浮动广告是一种常见的广告展示形式,它能够在用户浏览页面时始终停留在屏幕的特定位置,增加广告的可见度。当涉及将浮动广告与Flash结合时,需要对HTML和Flash交互有深入的理解。本资源主要讨论如何在Flash上实现浮动广告。 首先,我们来看传统的插入Flash到网页中的HTML代码。在Dreamweaver中,插入Flash通常会自动生成以下代码: ```html <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="976" height="262"> <param name="movie" value="file:///C|/Documentsand Settings/Administrator/桌面/banner.swf"> <param name="quality" value="high"> <embed src="file:///C|/Documentsand Settings/Administrator/桌面/banner.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="976" height="262"></embed> </object> ``` 这段代码包含了`object`和`embed`两个部分,它们是为了兼容不同的浏览器而设置的。`movie`参数指定Flash影片的路径,`quality`参数控制播放质量。 为了将Flash内容变为浮动广告,关键在于添加一个名为`wmode`的参数。这个参数是Flash Player的一个设置,它可以改变Flash与网页元素的交互方式。在上述代码中,我们需要添加`<param name="wmode" value="transparent"/>`,这样可以使得Flash对象背景透明,从而实现浮动广告的效果。完整的代码如下: ```html <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="976" height="262"> <param name="movie" value="file:///C|/Documentsand Settings/Administrator/桌面/banner.swf"> <param name="quality" value="high"> <param name="wmode" value="transparent"/> <embed src="file:///C|/Documentsand Settings/Administrator/桌面/banner.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="976" height="262"></embed> </object> ``` 设置`wmode`为`transparent`后,Flash内容会变得透明,允许网页的其他元素(比如浮动广告)出现在其之上。然后,通过CSS或者JavaScript,可以进一步定位这个Flash元素,使其在页面中浮动。 然而,需要注意的是,`wmode=transparent`可能会带来性能问题,尤其是在旧版本的Flash Player和某些浏览器中。此外,对于移动设备,由于Flash不被广泛支持,可能需要额外考虑HTML5的替代方案,如使用CSS3动画或JavaScript库来创建类似的浮动效果。 通过在Flash插入代码中添加`wmode`参数并设置其值为`transparent`,可以实现Flash内容上的浮动广告。但同时,也需要关注兼容性和性能问题,以及在移动设备上的适配。