注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

人生就像一次旅行,不必在乎目的地,在乎的是沿途的风景以及看风景的心情!

 
 
 

日志

 
 

SWF在网页中怎样随着分辩率变化   

2009-04-12 11:55:06|  分类: flash |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

  SWF在网页中怎样随着分辩率变化  - 水中天 - xuyuehui的博客SWF在网页中怎样随着分辩率变化

SWF在网页中怎样随着分辩率变化  - 水中天 - xuyuehui的博客解决思路

    需要根据分辩率变化对网页中Flash对象的width和height属性进行相应的设置。

SWF在网页中怎样随着分辩率变化  - 水中天 - xuyuehui的博客具体步骤

1.如果只是要一个满屏显示的效果,可以直接设置 Flash 对象的 width 和 height 为 100%。

<style>body{margin:0}</style>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100%" height="100%">

<param name="movie" value="demo.swf">

<param name="menu" value="false">

<param name="quality" value="high">

<embed src="demo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100%" height="100%" menu="false"></embed>

</object>

但是如果不是简单的满屏显示,而是需要根据客户端的分辨率作些调整,就需要用下面的方法了。

2.完全用JS输出插入 Flash 代码,在尺寸上跟用户的分辨率联系起来。

<style>

body{margin:0}

</style>

<script>

width=screen.width-22     

height=screen.height-185

document.writeln("<object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,29,0\" width=\""+width+"\" height=\""+height+"\">")

document.writeln("<param name=\"movie\" value=\"demo.swf\">")

document.writeln("<param name=\"quality\" value=\"high\">")

document.writeln("<embed src=\"demo.swf\" quality=\"high\" pluginspage=\"http:\/\/www.macromedia.com\/go\/getflashplayer\" type=\"application\/x-shockwave-flash\" width=\""+width+"\" height=\""+height+"\"><\/embed>")

document.writeln("<\/object>")

</script>

3.给 Flash 对象设置一个 id ,在页面加载完成后再根据这个 id 捕获 Flash 对象,然后动态设置它尺寸。

<style>

body{margin:0}

</style>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="468" id="movie"

 height="60">

<param name="movie" value="demo.swf">

<param name="quality" value="high">

<embed src="demo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="468"

 height="60"></embed>

</object>

<script>

function window.onload(){

var obj=document.getElementById("movie")

obj.width=screen.width-22

obj.height=screen.height-185

}

</script>

特别提示

       第一种方法中的Flash是适用于窗口的大小,当窗口缩小时Flash也跟着缩小,反之亦然;第二种方法是适应于分辩率大小,分辩率设定后,无论怎么调整窗口大小,Flash的大小保持不变;第三种方法和第二种类似,也是适用于分辩率的大小,不同的是Flash在页面没加载完成时默认大小是480×60,在网页加载完成后将在脚本中把Flash的宽改为屏幕的水平分辩率大小减去22,把高改为垂直分辩率的大小减去185。

特别说明

       这里介绍了三种解决的办法,针对不同情况可以选用其中之一来使用。尤其需要说明的是第三种方法,在用Flash制作BBS的时候,动态改变Flash的width和height是很实用的,至于如何使用Flash来和web元素通信,我们将会在第三章里介绍。

  评论这张
 
阅读(343)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017