分享

在背景静、动图片上定位加入flash(教材)

 向春阁 2014-05-05
背景,图片,flash,定位

★简要介绍:在一张背景图片(包括flash图片)上定位加入flash的方法。 

★一张背景图片上定位加入flash的完整代码:

 
 
 
 

效果代码

 效 果 代 码

<DIV align=center>
<TABLE border=0 cellSpacing=0 borderColor=#ff0000 borderColorLight=#ffff00 borderColorDark=#ff0000 cellPadding=0 width=1000 background=http://image72.360doc.com/DownloadImg/2014/05/0515/41338737_5.jpg align=center height=600>
<TBODY>
<TR>
<TD width="33%"><EMBED style="WIDTH: 304px; HEIGHT: 192px" type=application/x-shockwave-flash align=right width=304 src=http://hzy./pass/UploadFile/200911351977437.swf height240 allowScriptAccess="never" allowNetworking="internal" invokeURLs="false" wmode="transparent" menu="false" quality="high" 上左> </TD>
<TD width="33%"><EMBED style="WIDTH: 300px; HEIGHT: 159px" height=159 type=application/x-shockwave-flash align=right width=199 src=http://images./attachments/day_101224/20101224_2b218a6bc77b53152ab8peZMbx1xO5kb.swf allowScriptAccess="never" allowNetworking="internal" invokeURLs="false" wmode="transparent" menu="false" quality="high" 上中> </TD>
<TD width="34%"><EMBED height=200 type=application/x-shockwave-flash align=right width=260 src=http://www./swf-files/1320902678.swf 上右 allowScriptAccess="never" allowNetworking="internal" invokeURLs="false" wmode="transparent" menu="false" quality="high"> </TD>
<TR>
<TD width="33%"><EMBED height=150 type=application/x-shockwave-flash align=right width=160 src=http://www./swf-files/1320903130.swf allowScriptAccess="never" allowNetworking="internal" invokeURLs="false" wmode="transparent" menu="false" quality="high" 中左> </TD>
<TD width="33%"> <EMBED style="WIDTH: 392px; HEIGHT: 143px" height=143 type=application/x-shockwave-flash align=right width=392 src=http://www./swf-files/1321077271.swf 中中 quality="high" menu="false" wmode="transparent" invokeURLs="false" allowNetworking="internal" allowScriptAccess="never"></TD>
<TD width="33%"><EMBED height=200 type=application/x-shockwave-flash align=right width=260 src=http://www.photo./bbs/200836/20083615115318.swf allowScriptAccess="never" allowNetworking="internal" invokeURLs="false" wmode="transparent" menu="false" quality="high" 中右> </TD>
<TR>
<TD width="33%"><EMBED height=200 type=application/x-shockwave-flash align=right width=260 src=http://www./swf-files/1321425670.swf allowScriptAccess="never" allowNetworking="internal" invokeURLs="false" wmode="transparent" menu="false" quality="high" 下左><EMBED height=160 type=application/x-shockwave-flash align=right width=300 src=http://ftp./youyuan/flash/雨点4.swf allowScriptAccess="never" allowNetworking="internal" invokeURLs="false" wmode="transparent" menu="false" quality="high" 下左> </TD>
<TD width="33%"><EMBED height=200 type=application/x-shockwave-flash align=right width=260 src=http://user./~lee1233/Flash5/050324_fish_11.swf allowScriptAccess="never" allowNetworking="internal" invokeURLs="false" wmode="transparent" menu="false" quality="high" 下中><EMBED height=80 type=application/x-shockwave-flash align=right width=260 src=http://www3./toumingflash/swf1000/57.swf allowScriptAccess="never" allowNetworking="internal" invokeURLs="false" wmode="transparent" menu="false" quality="high" 下中> </TD>
<TD width="34%"><EMBED height=200 type=application/x-shockwave-flash align=right width=260 src=http://www./swf-files/1321401499.swf allowScriptAccess="never" allowNetworking="internal" invokeURLs="false" wmode="transparent" menu="false" quality="high" 下右></TD></TR></TR></TR></TBODY></TABLE></DIV>
<DIV><FONT style="FONT-SIZE: 48px" color=#00ff00></FONT> </DIV>
 

1、有关代码说明:

        红色标明的“图片地址”是背景图片的地址,你把你喜欢的图片地址输入到

图片地址”里。图片的尺寸不能太小,可选宽度700到800的图片,

高是随宽的比例而增减的。用作背景的图片可以是静态的,亦可是动态的(动画),

可以是jpg格式的,也可以是gif格式的。当然也可以用flash作背景,其方法下面还要介绍。

       红色标明的“flash地址”就是我们要定位的flash地址,把你选择的flash输入到

“flash地址”里。

2、边框(表格)代码说明:

1)、大边框(表格):<TABLE style="LEFT: 0px; WIDTH: 800px; TOP: 0px" height=728 borderColor=#ff0000 cellSpacing=0 borderColorLight=#ffff00 cellPadding=0  width=900 background=图片地址 border=0><TBODY><TR><TD>
这是一篇日志内容的大边框(表格),它把一篇日志的所有内容都框在了里面。
        2)、小边框(表格):<TD width="34%">这是小边框(表格),就是用它给每一个flash定位。
3)、边框(表格)颜色代码:borderColor=#ff0000这是边框(表格)右边的颜色代码。borderColorLight=#ffff00这是边框(表格)左边的颜色代码。也可不用颜色代码,系统默认的是透明色
4)、控制边框(表格)之间、文字与边框(表格)之间距离的代码:cellSpacing=0这是控制边框之间、文字与边框之间距离的代码。注意:它在边框(以下省略表格二字)的最外层可以调整最外一层边框的宽度,我们可以在1以上的数字进行调整,0为无效数字。它在边框的中间层,可以调整边框之间的间距。它在最下层(日志内容的背景层),可以调整文字与边框的间距。(英雄在此只介绍了有关代码的作用,具体到实际中的运用,还要靠自己的摸索、研究、实践)。
5)、边框线隐藏、显示的代码:border=0这是让边框线隐藏、显示的代码。想要边框线就把它设为有效数字(1以上的数字),不想要边框线,就把它设为0。
6)、小边框百分比宽的代码:<width="34%">这是控制每一个小边框百分比宽的代码。
 
★给flash定位的具体位置:
        1)、位置:我把背景图片(包括flash背景图片)从横向、纵向按上、中、下都平均分成三等份,既是三个区域,每个等份(区域)又分成三个小方形边框(表格),共9个小方形边框(表格)。这9个小方形边框(表格)就是固定flash的边框(表格)("容器")。大家看到了我用粉红色标注的上左、上中、上右;中左、中中、中右;下左、下中、下右。是以横向排列说明的,也是方便我们输入flash地址,便于我们记忆。
2)、每个小方形边框(表格)的大小:每个小方形边框(表格)的大小也既是每一个flash的大小,就是它们的宽、高。大家需要注意的是:一定要根据背景图片的宽、高进行设置。其方法就是:把背景图片的宽,平均分成三等份,就是每一个flash的宽,把背景图片的高,同样平均分成三等份,就是每一个flash的高了。比如:我下面演示效果的背景图片的宽是780,那么每一个flash的宽就是260;背景图片的高是720,那么每一个flash的高就是240。这样设置,每一个flash就不会变形。

★被定位的flash的层数: 9个小方形边框(表格)里面的flash需要几层flash?这可根据你要表现的日志内容和你的喜好而自己定夺,想添几层你就添几层,但一定不要忘了在每层flash里添加align=right居右这个代码,否则flash就变形。

★两款演示效果如下:

        ○不显示表格的效果:
 



○显示表格的效果:要想让边框(表格)显示,你只要把<P align=center><TABLE style="LEFT: 0px; WIDTH: 800px; TOP: 0px" height=728 borderColor=#ff0000 cellSpacing=0 borderColorLight=#ffff00 cellPadding=0  width=900 background=图片地址 border=0>边框最后面这个border=0代码的0设为1就可以了。

 
 
 
 


 

 使用flash作背景的效果

flash背景素材

 


flash背景添加flash效果

 
 

  

 

动画背景添加动画素材效果代码

<P style="TEXT-INDENT: 2em">
<TABLE border=0 cellSpacing=0 borderColor=#ff0000 borderColorLight=#ffff00 borderColorDark=#ff0000 cellPadding=0 align=center>
<TBODY>
<TR>
<TD><EMBED height=728 type=application/x-shockwave-flash align=right width=1000 src=http://www./swf/sucai/fengjing/18.swf allowScriptAccess="never" allowNetworking="internal" invokeURLs="false" 背景 quality="high" menu="false" wmode="transparent">
<TABLE border=0 cellSpacing=0 borderColorLight=#ffff00 borderColorDark=#ff0000 cellPadding=0 width="100%">
<TBODY>
<TR>
<DIV align=center></DIV></TR></TBODY></TABLE>
<TABLE border=0 cellSpacing=0 borderColor=#ff0000 borderColorLight=#ffff00 borderColorDark=#ff0000 cellPadding=0 width=1000 background=align=center height=600>
<TBODY>
<TR>
<TD width="33%"><EMBED style="WIDTH: 304px; HEIGHT: 192px" type=application/x-shockwave-flash align=right width=304 src=http://hzy./pass/UploadFile/200911351977437.swf 上左 quality="high" menu="false" wmode="transparent" invokeURLs="false" allowNetworking="internal" allowScriptAccess="never" height240> </TD>
<TD width="33%"><EMBED style="WIDTH: 300px; HEIGHT: 159px" height=159 type=application/x-shockwave-flash align=right width=199 src=http://images./attachments/day_101224/20101224_2b218a6bc77b53152ab8peZMbx1xO5kb.swf 上中 quality="high" menu="false" wmode="transparent" invokeURLs="false" allowNetworking="internal" allowScriptAccess="never"> </TD>
<TD width="34%"><EMBED height=200 type=application/x-shockwave-flash align=right width=260 src=http://www./swf-files/1320902678.swf quality="high" menu="false" wmode="transparent" invokeURLs="false" allowNetworking="internal" allowScriptAccess="never" 上右> </TD>
<TR>
<TD width="33%"><EMBED height=150 type=application/x-shockwave-flash align=right width=160 src=http://www./swf-files/1320903130.swf 中左 quality="high" menu="false" wmode="transparent" invokeURLs="false" allowNetworking="internal" allowScriptAccess="never"> </TD>
<TD width="33%"> <EMBED style="WIDTH: 392px; HEIGHT: 143px" height=143 type=application/x-shockwave-flash align=right width=392 src=http://www./swf-files/1321077271.swf allowScriptAccess="never" allowNetworking="internal" invokeURLs="false" wmode="transparent" menu="false" quality="high" 中中></TD>
<TD width="33%"><EMBED height=200 type=application/x-shockwave-flash align=right width=260 src=http://www.photo./bbs/200836/20083615115318.swf 中右 quality="high" menu="false" wmode="transparent" invokeURLs="false" allowNetworking="internal" allowScriptAccess="never"> </TD>
<TR>
<TD width="33%"><EMBED height=200 type=application/x-shockwave-flash align=right width=260 src=http://www./swf-files/1321425670.swf 下左 quality="high" menu="false" wmode="transparent" invokeURLs="false" allowNetworking="internal" allowScriptAccess="never"><EMBED height=160 type=application/x-shockwave-flash align=right width=300 src=http://ftp./youyuan/flash/雨点4.swf 下左 quality="high" menu="false" wmode="transparent" invokeURLs="false" allowNetworking="internal" allowScriptAccess="never"> </TD>
<TD width="33%"><EMBED height=200 type=application/x-shockwave-flash align=right width=260 src=http://user./~lee1233/Flash5/050324_fish_11.swf 下中 quality="high" menu="false" wmode="transparent" invokeURLs="false" allowNetworking="internal" allowScriptAccess="never"><EMBED height=80 type=application/x-shockwave-flash align=right width=260 src=http://www3./toumingflash/swf1000/57.swf 下中 quality="high" menu="false" wmode="transparent" invokeURLs="false" allowNetworking="internal" allowScriptAccess="never"> </TD>
<TD width="34%"><EMBED height=200 type=application/x-shockwave-flash align=right width=260 src=http://www./swf-files/1321401499.swf 下右 quality="high" menu="false" wmode="transparent" invokeURLs="false" allowNetworking="internal" allowScriptAccess="never"></TD></TR></TR></TR></TBODY></TABLE>
<DIV></DIV>
<DIV><FONT style="FONT-SIZE: 48px" color=#00ff00></FONT> </DIV></TD></TR></TBODY></P>
 

★添加flash特效的演示效果:

 


欢迎朋友们光临坐客

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约