分享

文字与动画的组合(含代码)

 春天没来 2012-07-18

文字与动画的组合(含代码)

(原      创)















代码:
<table border="0" cellSpacing="10" borderColorLight="#e7efff" borderColorDark="#08094a" cellPadding="0" width="700" background="http://image53.360doc.com/DownloadImg/2012/07/1706/25559588_1.jpg" height="420">
<tbody>
<tr>
<td>
<font style="line-height: normal; font-size: 35pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000"><strong>春<br>天<br>没<br>来<br>欢<br>迎<br>您<br></strong></font></td>
<td><center><embed height="420" type="application/octet-stream" width="550" src="http://www.xcwhw.cn/fla/jrxq/305.swf " allowNetworking="internal" iptAccess="never" allowScr="" invokeurls="false" wmode="transparent"></center></td>
<td>
<font style="line-height: normal; font-size: 35pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000"><strong>春<br>天<br>没<br>来<br>欢<br>迎<br>您<br></strong></font><p></p><font style="line-height: normal; font-size: 35pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000"><strong></strong></font></td>
</tr></tbody></table>
 
 
代码解析:
1、我在本代码中设置了一个一行三列的表格。第一个单元格和第三个单元格中各放入了一行文字:“春天没来欢迎您”。这七个字每个字各占一行;中间的单元格放入了一个动画图片(要注意:动画图片的标志。图片地址的末尾是swf标志的图片,才是动画图片。)。
2、页面布局:表格宽度为720px,高度为420px。动画图片宽度550px,高度420px,并且给动画图片设置了一个“居中”标签,这就保证了动画图片处于居中的位置,左右两边放置了对称的文字,这样就把动画图片和文字完美地组合在一起,从而体现了整个画面的对称美。
3、您只要替换代码中的“动画地址”和“文字内容”,就可成为您自己的作品。当然了,代码中的其它元素,您也可以添加或者删除,那就要看你的创作能力了。
4、到“撰写文章处”试试吧!那里是您学习代码、创作作品的风水宝地!

2012年7月18日于北京


 

    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多