热度 2||
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
设置背景颜色:
<
table
border
=
2
cellSpacing
=
0
borderColor=#cccccc
cellPadding
=
3
width
=
"100%"
bgColor=#ff0000
height
=
"100%"
>
<
tr
>
<
td
>内容处</
td
>
</
tr
>
</
table
>
学习: 使用动画做背景的效果(借用茶妹的日志)
<div style="text-align: center;"><br></div><div style="text-align: center;"><font color="#f00000" size="4">花友美眉近曰摄于上植…………好香呀……</font></div>
<div align="center" style="line-height: 25.2px; "><table height="600" cellspacing="0" cellpadding="0" width="850" background="http://beimeilife.duckdns.org/data/attachment/album/201712/28/083441n1l441lanf7aa4h7.jpeg"><tbody><tr><td><embed height="600" type="application/x-shockwave-flash" align="right" pluginspage="http://www.macromedia.com/go/getflashplayer" width="850" src="https://www.beimeilife.com/data/attachment/userupload/3/t02%5B1%5D.swf " quality="high" wmode="transparent"> </td></tr></tbody></table></div>
<br>
<div align="center" style="line-height: 25.2px; "><table height="600" cellspacing="0" cellpadding="0" width="850" background="http://beimeilife.duckdns.org/data/attachment/album/201712/28/083446hz2rq342rt350wt3.jpeg"><tbody><tr><td><embed height="600" type="application/x-shockwave-flash" align="right" pluginspage="http://www.macromedia.com/go/getflashplayer" width="850" src="https://www.beimeilife.com/data/attachment/userupload/3/t02%5B1%5D.swf " quality="high" wmode="transparent"> </td></tr></tbody></table></div>
<br>
<div align="center" style="line-height: 25.2px; "><table height="600" cellspacing="0" cellpadding="0" width="850" background="http://beimeilife.duckdns.org/data/attachment/album/201712/28/083452x0v07zmixikum12v.jpeg"><tbody><tr><td><embed height="600" type="application/x-shockwave-flash" align="right" pluginspage="http://www.macromedia.com/go/getflashplayer" width="850" src="https://www.beimeilife.com/data/attachment/userupload/3/t02%5B1%5D.swf " quality="high" wmode="transparent"> </td></tr></tbody></table></div>
<p style="text-align: center;"><br></p><p style="margin: 0px; padding: 0px; font-family: -webkit-standard; text-size-adjust: auto; background-color: rgb(255, 255, 255);"><strong style="margin: 0px; padding: 5px 0px; text-decoration: none; text-align: center; display: block;"><font size="5" color="#f000f0">冬至前月赴季父梅花之集与韩蒲向宪唐干诸人</font></strong></p><p style="text-align: center; margin: 0px; padding: 0px; font-family: -webkit-standard; text-size-adjust: auto; background-color: rgb(255, 255, 255);"><font size="5" color="#f000f0">【作者:<span style="text-decoration-style: initial; text-decoration-color: initial;">胡寅</span>】</font></p><p style="text-align: center; margin: 0px; padding: 0px; font-family: -webkit-standard; text-size-adjust: auto; background-color: rgb(255, 255, 255);"><font size="5" color="#f000f0"><br></font></p><p style="text-align: center; margin: 0px; padding: 0px; font-family: -webkit-standard; text-size-adjust: auto; background-color: rgb(255, 255, 255);"><font size="5" color="#f000f0">不辞开后苦寒侵,为与骚人托契深。</font></p><p style="text-align: center; margin: 0px; padding: 0px; font-family: -webkit-standard; text-size-adjust: auto; background-color: rgb(255, 255, 255);"><font size="5" color="#f000f0">可但风光回岁律,更分华色掞儒林。</font></p><p style="text-align: center; margin: 0px; padding: 0px; font-family: -webkit-standard; text-size-adjust: auto; background-color: rgb(255, 255, 255);"><font size="5" color="#f000f0">欲歌白雪词难和,试挽幽香力尚禁。</font></p><p style="text-align: center; margin: 0px; padding: 0px; font-family: -webkit-standard; text-size-adjust: auto; background-color: rgb(255, 255, 255);"><font size="5" color="#f000f0">等是美名无玷染,腊梅何事色如金。</font></p><p style="text-align: center; margin: 0px; padding: 0px; color: rgb(102, 102, 102); font-family: -webkit-standard; font-size: 12px; text-size-adjust: auto; background-color: rgb(255, 255, 255);"><br></p><p style="text-align: center; margin: 0px; padding: 0px; color: rgb(102, 102, 102); font-family: -webkit-standard; font-size: 12px; text-size-adjust: auto; background-color: rgb(255, 255, 255);"><br></p></div></div>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
图片上添加flash动画有两种代码 ,宽高尺寸可自行修改。
代码1:
<P align=center><TABLE style="WIDTH: 460px; HEIGHT: 336px" height=336 cellPadding=0 width=460 align=center background=背景图片官方地址 border=0><TBODY><TR><TD>
<EMBED src=flash动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high">
</TD></TR></TBODY></TABLE>
代码2:
<DIV align=center><EMBED src=“flash动画地址” width=600 height=580 type=application!/x-shockwave-flash wmode="transparent" >
<P style="MARGIN-TOP: -550px; MARGIN-LEFT: 10px" align=center>
<P><FONT color=#ff0000>输入文字处</FONT></P></P></DIV>
--------------------------------------------------
透明flash动画在背景上的定位
原始代码:
<P align=center>
<TABLE height=500 cellSpacing=0 cellPadding=0 width=800 background=背景图片地址 border=0><TBODY><TR><TD>
<P align=center><EMBED style="MARGIN-LEFT: Xpx; POSITION: absolute; MARGIN-TOP:Ypx" align=right src=透明flash地址
width=700 height=400 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"></EMBED></P></TD></TR></TABLE></P>
代码说明:
1、MARGIN-LEFT: Xpx 表示flash动画离屏幕左侧的距离,X值越大动画越往右,X值也可以为负值(负值越大动画越往左);
2、MARGIN-TOP: Ypx 表示flash动画离屏幕顶端的距离,Y值越大动画越往下,Y值可以为负值(负值越大动画越往上);
3、当定位代码中的MARGIN-TOP: Ypx,Y取负数,其绝对值应大于要定位的flash高度,如果下一个flash没有使用定位代码时,会将下一个flash也插入到上一个flash之中。
解决的办法:下一个flash也使用定位代码。或者使用插入一行的代码<p></p> ,视Y和高度情况插入数个<p></p> ;
4、POSITION: absolute;表示flash动画位置固定;
5、wmode="transparent" 表示使flash动画透明(就是没有背景),如果不想透明就去掉这个代码,一般使用透明flash都要加上这个代码,不然你的透明flash就不是透明的了,不是大白板就是大黑板。
以上参数可以根据你的意向加以变化,让动画出现在你需要的位置。其实就是在文章中设置了一个坐标,调整相应的值就可以定位动画的位置。有的时候需要不断的调整,直到满意为止。