教你在背景图片上贴透明flash动画
一、基本贴动画标签:
【认识标签】 <EMBED style="DISPLAY: block" align=right src=透明flash动画地址width=600 height=400 type=application/x-shockwave-flash wmode="transparent" autostart="0" loop="0" allowNetworking="internal" allowScriptAccess="never"> 2、第二种标签: <td width="100%"><embed align=right src=透明flash动画地址 width=600 height=400 type=application/x-shockwave-flash allowScriptAccess="never" allowNetworking="internal" quality="high" menu="false" wmode="transparent"> 认识基本标签:
1、embed 是嵌入的意思,也就是贴。
2、透明flash动画地址就是你所选的动画的具体地址。
3、<td width="?%">是小动画的定位小表格,里面的百分比是本小动画所占图片总宽度的比例
4、嵌入贴动画基本标签中,有四个主要参数必须要知道,分别是:
width=600 ——给该动画安排的宽度
height=400 ——给该动画安排的高度
align=right —— align是层叠;right是从右边起。
有 align=right 保证flash动画从右边起多层重叠。
wmode="transparent —— wmode是透明的意思。transparent意思就是背景透明。
有 wmode="transparent flash动画就透明,如果它出了问题就不透明了。
5、 对比两种标签可见:
第二种标签比第一标签多了个
<TD width="33%"> , 是定位小表格 里面的百分比是该动画所占宽度为总宽度的百分数。
quality="high 高质量 优质
其余不同都无关紧要。 二、基础代码及应用:
<div>
<p align=center> <table style="LEFT: 0px; WIDTH: 600px; TOP: 0px" borderColor=#ff0000 height=400 cellSpacing=0 cellPadding=0 width=600 borderColorLight=#ffff00
background=背景图片地址 border=0><tbody> <tr>
<td width="100%"><embed align=right src=透明flash动画地址 width=600 height=400 type=application/x-shockwave-flash allowScriptAccess="never" allowNetworking="internal"
quality="high" menu="false" wmode="transparent"> </embed>
<div align=right> <marquee style="WIDTH: 500px; HEIGHT: 140px" scrollAmount=4 height=140 align="right"><font style="FONT-SIZE: 38pt" face=楷体_GB2312 color=#ff0000><strong>
<div align=left> </div> <div align=left> </div> <div align=left> </div> <div align=left> </div> <div align=left> 换上您想写的字</div> <div></div></strong></font></marquee></div></embed>
</strong></font><div></div></div>
【认识代码】
1、除尾标签外本代码主要为三大块:红色部分是主表格(背景图片)标签;黑色部分是贴透明 flash动画的标签;蓝色部分是移动文字标签。
2、第一块红色主表格标签的“WIDTH:600”是我们设置的成品图片的宽度 “height=400” 是高度,“width=600” 是所选背景图片的宽度,“背景图片地址”就是你所选背景图片的具体地址。
3、第二块黑色部分是贴动画的标签(embed 是嵌入的意思),数量应根据需要而设,这里只设了一个贴动画标签,一般是多个贴动画的标签,其中<td width="?%">是小动画的定位小表格,里面的百分比是本小动画所占图片总宽度的比例,如果本层横向要贴三个动画,那么该三个百分比之和应为100%。标签中“透明flash动画地址”就是你所选动画的具体地址。需要说明的是您所选的动画必须是后缀为“.swf”的动画地址,其他动画无效。
4、第三块蓝色移动文字标签是根据需要而设,也可以删除不设。
【实用具体操作】
1、复制代码并粘贴到“撰写文章”的代码态。
2、按设计选择理想的背景图片,将其地址复制并代入标签指定处。注意:所选背景图片的固有宽
度、高度要足够大,否则图片将出现乱显示。修改代码中背景图片的宽度和主表格宽度、高度。
3、按设计方案适当增减贴动画标签数。为了便于辨别各动画位置,可在标签中相应位置写上“左”
“中”“右”等;按设置方案调整每个标签百分比和所占宽、高数值;选择理想的动画,将其地址复制
并代入标签指定处。
设计方案如果需设空格,则该处动画地址
4、根据需要,修改移动文字的内容、字体、大小、颜色等。
5、检查无误后“编制”“预览”“发表”。
ok!
【实 例】
1、背景图片上只贴一张动画 加移动文字
代码:
<div>
<p align=center> <table style="LEFT: 0px; WIDTH: 600px; TOP: 0px" borderColor=#ff0000 height=400 cellSpacing=0 cellPadding=0 width=600 borderColorLight=#ffff00 background=http://image21.360doc.com/DownloadImg/2011/01/0714/8296724_15.jpg border=0> <tbody> <tr> <td width="100%"><embed align=right src=http://www.xcwhw.cn/fla/jrxq/184.swf width=600 height=400 type=application/x-shockwave-flash allowScriptAccess="never" allowNetworking="internal" quality="high" menu="false" wmode="transparent"> </embed> <div align=right> <marquee style="WIDTH: 500px; HEIGHT: 140px" scrollAmount=5 height=140 align="right"><font style="FONT-SIZE: 38pt" face=楷体_GB2312 color=#ff0000><strong> <div align=left> </div> <div align=left> </div> <div align=left> </div> <div align=left> </div> <div align=left> 恭祝朋友 心情愉快 幸福安康! </div> <div></div> </strong></font></marquee></div> </embed></strong></font> <div></div> </div> 效果:
2、背景图片上横向贴三张动画
代码: <p align=center>
<table style="LEFT: 0px; WIDTH: 600px; TOP: 0px" borderColor=#ff0000 height=400 cellSpacing=0 cellPadding=0 width=600 borderColorLight=#ffff00 background=http://image21.360doc.com/DownloadImg/2011/01/0714/8296724_15.jpg border=0> <tbody><tr></tr><tbody><tr> <td width="25%"><embed align=right src=http://pendant.360doc.com/4/26.swf width=150 height=400 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 左 allowNetworking="internal" allowScriptAccess="never"> </td> <td width="50%"><embed align=right src=http://www./user/yiyi/html/flash/059.swf width=300 height=400 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 中 allowNetworking="internal" allowScriptAccess="never"> </td> <td width="25%"><embed align=right src=http://www.xcwhw.cn/fla/jrxq/176.swf width=150 height=400 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 右 allowNetworking="internal" allowScriptAccess="never"></td></tr></tbody></table><p> </p> 效果:
3、背景图片上横三竖二共贴六张动画
代码: <div>
<table title= borderColor=#ff0000 height=400 cellSpacing=0 borderColorDark=#ff0000 cellPadding=0 width=600 align=center borderColorLight=#ffff00 background=http://image21.360doc.com/DownloadImg/2011/01/0714/8296724_15.jpg border=1> <tbody> <tr> <td width="25%"><embed align=right src=http://tianyatianya./flash/meigui/12.swf width=150 height=200 type=application/x-shockwave-flash 上左 quality="high" menu="false" wmode="transparent" invokeURLs="false" allowNetworking="internal" allowScriptAccess="never"> </td> <td width="50%"><embed align=right src=http://www.xcwhw.cn/fla/jrxq/182.swf width=300 height=200 type=application/x-shockwave-flash 上中 quality="high" menu="false" wmode="transparent" invokeURLs="false" allowNetworking="internal" allowScriptAccess="never"> </td> <td width="25%"><embed align=right src=http://tianyatianya./flash/meigui/12.swf width=150 height=200 type=application/x-shockwave-flash 上右 quality="high" menu="false" wmode="transparent" invokeURLs="false" allowNetworking="internal" allowScriptAccess="never"> </td> <tr> <td width="25%"><embed align=right src=http://www.xcwhw.cn/fla/jrxq/189.swf width=150 height=200 type=application/x-shockwave-flash 下左 quality="high" menu="false" wmode="transparent" invokeURLs="false" allowNetworking="internal" allowScriptAccess="never"></td> <td width="50%"><embed align=right src=http://www./user/yiyi/html/flash/059.swf width=300 height=200 type=application/x-shockwave-flash 下中 quality="high" menu="false" wmode="transparent" invokeURLs="false" allowNetworking="internal" allowScriptAccess="never"></td> <td width="25%"><embed align=right src=http://www./user/yiyi/html/flash/357.swf width=150 height=200 type=application/x-shockwave-flash 下右 quality="high" menu="false" wmode="transparent" invokeURLs="false" allowNetworking="internal" allowScriptAccess="never"></td> </tr> </tbody> </table> </div> <div> <br></div> 注意:上左、上右两块设计为空格,该透
效果:
若不想图上显示格子,则只需把主表格里的"border=1"改为“boeder=0”即可。
4、应用实例
代码:
<div>
<table border=0 cellSpacing=0 borderColorLight=#000000 borderColorDark=#000000 cellPadding=0 width=990 background=http://userimage5.360doc.com/14/0216/12/3459959_201402161231170053.gif align=center height=156> <tbody> <tr> <td style="POSITION: relative"><embed style="POSITION: absolute; DISPLAY: block; TOP: 0px" height=166 type=application/x-shockwave-flash align=right width=700 src=http://webftp.bbs.hnol.net/shuchang/016xiaochuan/0908161304c6fa853a1fc2e029.swf allowscriptaccess="never" allownetworking="internal" loop="0" autostart="0" wmode="transparent"> <embed style="POSITION: absolute; DISPLAY: block; TOP: 0px" height=166 type=application/x-shockwave-flash align=right width=290 src=http://www.xcwhw.cn/fla/jrxq/177.swf allowscriptaccess="never" allownetworking="internal" loop="0" autostart="0" wmode="transparent"> <marquee style="WIDTH: 800px; HEIGHT: 120px" height=120 scrollAmount=4 align="right"><font color=#7cfc00 size=6><strong><br>恭祝各位朋友 节日愉快 阖家欢乐 万事如意 幸福安康! </strong></font></marquee></td></tr></tbody></table></div> 效果图:
|
|