flash 如何居中
开头：
在设计网页时，居中是非常重要的一项任务。而在使用Flash制作网页时，如何让Flash居中也是一个需要掌握的技巧。本文将介绍几种方法来实现Flash的居中显示。
方法一：使用HTML居中
通过HTML代码来实现Flash的居中显示是最简单的方法之一。我们可以在HTML文件中嵌入Flash文件，并使用CSS样式将其居中。
方法一：使用HTML居中
首先，在HTML文件中嵌入Flash文件：
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="550" height="400"> <param name="movie" value="your_flash_file.swf" /> <param name="quality" value="high" /> <embed src="your_flash_file.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="550" height="400"></embed> </object>
然后，使用CSS样式将Flash文件居中：
<style type="text/css"> #flash_container { position: absolute; left: 50%; top: 50%; margin-left: -275px; /* half of the width */ margin-top: -200px; /* half of the height */ } </style> <div id="flash_container"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="550" height="400"> <param name="movie" value="your_flash_file.swf" /> <param name="quality" value="high" /> <embed src="your_flash_file.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="550" height="400"></embed> </object> </div>
这样，Flash文件就可以在页面中居中显示了。
方法二：使用JavaScript居中
除了使用HTML和CSS来实现Flash的居中显示外，我们还可以使用JavaScript来实现。这种方法比较灵活，可以根据不同的情况进行调整。
方法二：使用JavaScript居中
首先，在HTML文件中嵌入Flash文件：
<div id="flash_container"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="550" height="400"> <param name="movie" value="your_flash_file.swf" /> <param name="quality" value="high" /> <embed src="your_flash_file.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="550" height="400"></embed> </object> </div>
然后，使用JavaScript来实现居中显示：
<script type="text/javascript"> function centerFlash() { var container = document.getElementById(flash_container); var windowWidth = window.innerWidth document.documentElement.clientWidth document.body.clientWidth; var windowHeight = window.innerHeight document.documentElement.clientHeight document.body.clientHeight; var flashWidth = container.offsetWidth; var flashHeight = container.offsetHeight; container.style.left = (windowWidth -
相关文章
发表评论