一看就会——教你贴透明flash动画

教你在背景图片上贴透明flash动画

一、基本贴动画标签：

【认识标签】

1、第一种标签：

2、第二种标签：

认识基本标签：

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>

<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>

<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>

</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、按设计方案适当增减贴动画标签数。为了便于辨别各动画位置，可在标签中相应位置写上“左”

“中”“右”等；按设置方案调整每个标签百分比和所占宽、高数值；选择理想的动画，将其地址复制

并代入标签指定处。

设计方案如果需设空格，则该处动画地址

可用http://tianyatianya.313414.cn/flash/meigui/12.swf 代之。

4、根据需要，修改移动文字的内容、字体、大小、颜色等。

5、检查无误后“编制”“预览”“发表”。

ok!

【实例】

1、背景图片上只贴一张动画加移动文字

代码：

<div>

<tbody>

<tr>

<div align=left>  恭祝朋友心情愉快幸福安康！ </div>

</strong></font></marquee></div>

</embed></strong></font>

</div>

效果：

恭祝朋友心情愉快幸福安康！

2、背景图片上横向贴三张动画

代码：

效果：

3、背景图片上横三竖二共贴六张动画

代码：

<div>

<tbody>

<tr>

<tr>

</tr>

</tbody>

</table>

</div>

注意：上左、上右两块设计为空格，该透

明动画地址用http://tianyatianya.313414.cn/flash/meigui/12.swf代之。

效果：

若不想图上显示格子，则只需把主表格里的"border=1"改为“boeder=0”即可。

4、应用实例

代码：

<div>

<tbody>

<tr>

<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>

效果图：

恭祝各位朋友节日愉快阖家欢乐万事如意幸福安康!

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。