`

开发手记——前台

阅读更多
如何整体移动flash上面的所有图层元素
首先,调整场景大小你肯定会了,调到你要的大小,

其次,移动所有场景元件:

1、点中时间帧左下脚5个按钮中最右边的[修改绘图纸标记]-[绘制全部]
2、点中同排按钮中的[编辑多个帧]
3、将场景大小缩放至25%(便于选中场景上的所有东西)
4、按住鼠标从左上到右下选中全部
5、好了,现在你可以自由的整体移动它们了。


FLash文档怎么把背景设为透明?
在flash的html发布选项中选windows mode/transparent windowless,发布为html,插入网页就可以得到透明的flash的效果。  不错,照这样的办法去做,便可以发布出带有透明flash的html页。但是它存在一个问题:所发布的flash动画只在与其同时发布的html页中显示透明效果,而如果用dreamweaver新建一个文件,再将其插入页面中,保存-->>f12预览我们会发现它又是不透明的了!这是怎么回事呢?  请仔细比较分析两段代码的<object>标记中的<embed>标记,我们发现其中的不同之处:前者有参数wmode=transparent而后者却没有,这就是影响flash是否透明的关键之所在!  请想一下dreamweaver的有关flash的属性面板,是否对parameter有印象呢?大家是否知道它的用处呢?  现在让我们用dreamweaver来做透明效果:选中刚才已插入的flash动画,右击鼠标选择properties调出属性面板后,再单击parameter按钮,在弹出的对话框中点击加号图标,在左侧的parameter中键入wmode在右侧的value框内键入transparent点击ok,按f12进行预览,ok!我们所要的透明效果就出现了!  先不要激动,我们把这一技巧推广,它是否能对任何的按flash默认设置(即不对windows mode/transparent windowless进行修改)的动画都奏效呢?经过我的实验证明它是普遍试用的。也就是说在dreamweaver中插入任何一个flash动画后,对其进行properties→parameter→wmode→value=transparent设置都可以实现flash的透明背景效果。

在插入flash的代码中插入<param name=\"wmode\" value=\"transparent\">即可实现flash背景透明 

我仔细比较了用flash发布的html页和用dreamweaver制作的带有flash 动画的两个html页的源代码: 

1.用flash发布的html页源代码: 

<HTML> <HEAD> <TITLE>Movie2</TITLE> </HEAD> <BODY bgcolor="#000000"> <!—— URL's used in the movie——> <!—— text used in the movie——> <!——fdsaaaa aaaaaaa ——> 

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash /swflash.cab#version=5,0,0,0" WIDTH=550 HEIGHT=400> <PARAM NAME=movie value="Movie2.swf"> <PARAM NAME=quality value=high> <PARAM NAME=wmode value=transparent> <PARAM NAME=bgcolor value=#FFFFFF> <!——用flash导出后将背景改为黑色,其目的是便于观察透明效果——> <EMBED src="Movie2.swf" quality=high wmode=transparent bgcolor=#FFFFFF WIDTH=550 HEIGHT=400 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version =ShockwaveFlash"></EMBED> </OBJECT> 

</BODY> </HTML> 

2.用dreamweaver制作的带有flash 动画的html页的源代码: 

<html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> 

<body bgcolor="#000000" text="#000000"><!——背景亦为黑色,其目的是便于观察透明效果——> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash /swflash.cab#version=5,0,0,0" width="550" height="400"> <param name=movie value="Movie2.swf"> <param name=quality value=high> <embed src="Movie2.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version =ShockwaveFlash" type="application/x-shockwave-flash" width="550" height="400"> </embed> </object> </body> </html> 

请仔细比较分析两段代码的<object>标记中的<embed>标记,我们发现其中的不同之处:前者有参数wmode=transparent而后者却没有,这就是影响flash是否透明的关键之所在! 

请想一下dreamweaver的有关flash的属性面板,是否对parameter有印象呢?大家是否知道它的用处呢? 

现在让我们用dreamweaver来做透明效果:选中刚才已插入的flash动画,右击鼠标选择properties调出属性面板后,再单击parameter按钮,在弹出的对话框中点击加号图标,在左侧的parameter中键入wmode在右侧的value框内键入transparent点击ok,按f12进行预览,ok!我们所要的透明效果就出现了! 
先不要激动,我们把这一技巧推广,它是否能对任何的按flash默认设置(即不对windows mode/transparent windowless进行修改)的动画都奏效呢?经过我的实验证明它是普遍试用的。 


也就是说在dreamweaver中插入任何一个flash动画后,对其进行properties→parameter→wmode→value=transparent设置都可以实现flash的透明背景效果。 




Flash 开始停止代码?

在要停止的贞上面右键 选择动作,然后写入代码“Stop();”

在要停止的贞上面右键 选择动作,然后写入代码“gotoandplay(34);”


框架的高度随框架里面的内容的多少而改变
iframe,尤其是不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是iframe的大小却不像层那样可以“伸缩自如”,所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,现在,让我来告诉大家一种iframe动态调整高度的方法,主要是以下JS函数: 
程序代码 
function SetWinHeight(obj) 
{ 
   var win=obj; 
   if (document.getElementById) 
   { 
      if (win && !window.opera) 
      { 
         if (win.contentDocument && win.contentDocument.body.offsetHeight) 
               win.height = win.contentDocument.body.offsetHeight; 
      else if(win.Document && win.Document.body.scrollHeight) 
            win.height = win.Document.body.scrollHeight; 
        } 
    } 
} 
最后,加入iframe,不能丢掉onload属性,当然了,id也必须也函数中的win匹配 
程序代码 
<iframe width="778" align="center" height="200" id="win" name="win" onload="Javascript:SetWinHeight(this)" frameborder="0" scrolling="no"></iframe> 

另一种情况的iframe解决方案(超简单) 
重要提示:src=中你必须填写的网页地址,一定要和本页面在同一个站点上,否则,会抱错,说“拒绝访问!”(实际上这是因为Js的跨域问题导致拒绝访问的) 
之前自己也碰到过这个问题,为了得到答案去网上搜索,发现有不少人也遇到了这样的问题,现在就把解决方法共享一下 

1、建立一个bottom.js的文件,然后输入下面的代码(只有两行哦) 
parent.document.all("框架ID名").style.height=document.body.scrollHeight; 
parent.document.all("框架ID名").style.width=document.body.scrollWidth; 
这里的 框架ID名 就是Iframe的ID,比如: 
<IFRAME id="框架ID名" name="left" frameBorder=0 scrolling=no src="XXX.asp" width="100%"></IFRAME> 

2、给你网站里所有的被包含文件里面每个都加入 
<script language = "JavaScript" src = "bottom.js"/></script> 
3、OK,收工! 
在WINXP、IE6下面测试通过。很简单吧! 

实现 iframe 的自适应高度 
实现 iframe 的自适应高度,能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象。 
程序代码 
<script type="text/javascript"> 
//** iframe自动适应页面 **// 

//输入你希望根据页面高度自动调整高度的iframe的名称的列表 
//用逗号把每个iframe的ID分隔. 例如: ["myframe1", "myframe2"],可以只有一个窗体,则不用逗号。 

//定义iframe的ID 
var iframeids=["test"] 

//如果用户的浏览器不支持iframe是否将iframe隐藏 yes 表示隐藏,no表示不隐藏 
var iframehide="yes" 

function dyniframesize() 
{ 
var dyniframe=new Array() 
for (i=0; i<iframeids.length; i++) 
{ 
if (document.getElementById) 
{ 
//自动调整iframe高度 
dyniframe[dyniframe.length] = document.getElementById(iframeids); 
if (dyniframe && !window.opera) 
{ 
dyniframe.style.display="block" 
if (dyniframe.contentDocument && dyniframe.contentDocument.body.offsetHeight) //如果用户的浏览器是NetScape 
dyniframe.height = dyniframe.contentDocument.body.offsetHeight; 
else if (dyniframe.Document && dyniframe.Document.body.scrollHeight) //如果用户的浏览器是IE 
dyniframe.height = dyniframe.Document.body.scrollHeight; 
} 
} 
//根据设定的参数来处理不支持iframe的浏览器的显示问题 
if ((document.all || document.getElementById) && iframehide=="no") 
{ 
var tempobj=document.all? document.all[iframeids] : document.getElementById(iframeids) 
tempobj.style.display="block" 
} 
} 
} 

if (window.addEventListener) 
window.addEventListener("load", dyniframesize, false) 
else if (window.attachEvent) 
window.attachEvent("onload", dyniframesize) 
else 
window.onload=dyniframesize 
</script> 
  

本文来自CSDN博客,转载:http://blog.csdn.net/cd_heli1110/archive/2007/10/31/1859671.aspx
分享到:
评论
1 楼 ziyan_999 2010-09-16  
我在js中需要访问上层iframe所在的页面上的一个数据,可是在IE上使用就会提示“拒绝访问”,在火狐上没有问题,今天有幸在这里看到你的这篇文章,可是还是没有解决问题,能不能帮我看看,谢谢!
我的页面上用到的js语句:
var prtDate = $(window.parent.document).find('#prtDate').text();
上层的jsp页面(我的页面就在这个iframe里面):
<iframe class="ui-outer-center" frameborder="0" id="ui-outer-center" name="ui-outer-center" scrolling="auto" src=""></iframe>
<p id="prtDate" style="display: none"><%= DateUtil.getcurrentdate() %></p>

相关推荐

Global site tag (gtag.js) - Google Analytics