下面是一段完整的FLASH背景显示代码: <SCRIPT type=text/javascript src="/blog/swfobject.js"></SCRIPT> <style type="text/css"> .flashdiv { position: absolute; left: 400px; top: 43px;} </style> <div class=flashdiv id=flashcontent align="center">LOADING...............</div> <script type="text/javascript"> var so = new SWFObject("http://imgfree.21cn.com/free/flash/16.swf", "flashcontent", "760", "160", "7", "#000000"); //so.addParam("wmode", "transparent"); so.write("flashcontent"); </script> 下面我一行一行给大家解释:
<SCRIPT type=text/javascript src="/blog/swfobject.js"></SCRIPT>
上面一行是定义FLASH显示函数的语句,不要修改!!!!
<style type="text/css"> .flashdiv { position: absolute; left: 400px; top: 43px;} </style>
上面一段CSS语句定义FLASH显示位置,其中 position: absolute; 表示从屏幕左上方开始的绝对位置 left: 400px; 表示flash距离屏幕左边的距离是400px top: 43px; 表示flash距离屏幕上边的距离是43px 如果要修改FLASH的显示位置,只需要修改LEFT和TOP右面的数值
<div class=flashdiv id=flashcontent align="center">LOADING...</div>
上面这段代码是实际显示FLASH的DIV TAG语句,以后需要修改的是ID后面的标签名,大家可以看到前面定义的CSS属性,在这里已经使用,CLASS=FLASHDIV就是前面定义的属性。
<script type="text/javascript"> var so = new SWFObject("http://imgfree.21cn.com/free/flash/16.swf", "flashcontent", "760", "160", "7", "#000000"); so.addParam("wmode", "transparent"); so.write("flashcontent"); </script>
上面这一段是定义FLASH显示属性的,其中“SWFObject("http://imgfree.21cn.com/free/flash/16.swf", "flashcontent", "760", "160", "7", "#000000");”的各参数含义是: http://imgfree.21cn.com/free/flash/16.swf是FLASH文件名 flashcontent和前面一段DIV语句中的 id=flashcontent 以及so.write("flashcontent") 必须名称一致 760表示FLASH的宽度,160表示FLASH的高度,大家可以根据实际显示大小进行修改 7表示FLASH显示插件的版本,一般不要修改 #000000是背景颜色,如果FLASH是作为背景显示,则不要修改 so.addParam("wmode", "transparent") 这句表示设置FLASH显示为透明属性,如果不需要透明显示则改为 so.addParam("wmode", "opaque")
另外,如果要在页面显示多个FLASH则可以参考下列代码 <SCRIPT type=text/javascript src="/blog/swfobject.js"></SCRIPT>
<style type="text/css"> .flashdiv { position: absolute; left: 400px; top: 43px;} </style> <div class=flashdiv id=flashcontent align="center">Loading...</div> <script type="text/javascript"> var so = new SWFObject("http://imgfree.21cn.com/free/flash/16.swf", "flashcontent", "760", "160", "7", "#000000"); so.addParam("wmode", "transparent"); so.write("flashcontent"); </script> <style type="text/css"> .flashdis { position: absolute; left: 400px; top: 243px;} </style> <div class=flashdis id=flashcontent1 align="center">Loading...</div> <script type="text/javascript"> var so1 = new SWFObject("http://imgfree.21cn.com/free/flash/8.swf", "flashcontent1", "460", "120", "7", "#000000"); so1.addParam("wmode", "transparent"); so1.write("flashcontent1"); </script> 除了<SCRIPT type=text/javascript src="/blog/swfobject.js"></SCRIPT>这句只能使用一次外,其他基本是重复的. 但是有些变量名字最好不要重复,例如 flashdiv和flashdis so和so1 flashcontent和flashcontent1 千万注意哦!!!!!!!!!!
|