HTML第四课实例二
图片+文字+FIASH+飘浮动感实例2
画儿编写 (转载请标明作者及来源)
图片加Flash动画、加文字、加漂游动感整个画面就活了,更加美观。
实例二、
图片+文字+gif动态图片+flash+飘浮动感
下面 兰色是图片地址;绿色是flash动画地址;红色是动态图片地址。
<P align=center>
<TABLE borderColor=#ff0000 height=350 width=400 align=center background=http://club.fjnet.com/attachments/2009/02/636003_200902121857001hlmQ.jpg border=3>
<TBODY>
<TR>
<TD><FONT face=隶书 color=#ff80c0 size=5><EMBED align=right src=http://imgfree.21cn.com/free/flash/52.swf width=460 height=350 type=application/octet-stream quality="high" wmode="transparent"></FONT>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=200>
<MARQUEE scrollAmount=3 behavior=alternate width=460><IMG title="'style="CURSOR:'" src="http://pic.goodweb.cn/qq/qq3/15.gif" pointer?><STRONG><FONT face=楷体_GB2312 color=red size=7>
<MARQUEE direction=up behavior=alternate width=60 height=120>菩</MARQUEE><FONT color=#ffff00>
<MARQUEE direction=up behavior=alternate width=60 height=80>提</MARQUEE><FONT color=#0080ff>
<MARQUEE direction=up behavior=alternate width=60 height=120>社</MARQUEE><FONT color=#ff00ff>
<MARQUEE direction=up behavior=alternate width=60 height=80>区</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=60 height=120>欢</MARQUEE><FONT color=#33ff66>
<MARQUEE direction=up behavior=alternate width=60 height=80>迎</MARQUEE><FONT color=#ff0000>
<MARQUEE direction=up behavior=alternate width=60 height=120>您</MARQUEE></FONT></B></FONT></FONT></FONT></FONT></FONT></FONT></STRONG></MARQUEE></FONT>
<CENTER></CENTER></FONT></STRONG></FONT></FONT></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE></P>
实例二解析
一、背景图片和边的设置(根据图片大小调整高、宽)
<P align=center>
<TABLE borderColor=#ff0000 height=350 width=400 align=center background=背景图片地址 border=3>
<TBODY>
<TR>
<TD>
二、flash设置 高、宽可以调整
<EMBED align=right src=flash地址 width=460 height=350 type=application/octet-stream wmode="transparent" quality="high">
三、漂浮范围:长和宽可以设置,但要小于背景图片的宽度
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=200>
<MARQUEE scrollAmount=3 behavior=alternate width=460>
四、gif动态图片的设置
<IMG title="'style="CURSOR:'" src="gif动态图片地址" pointer?>
五、文字设置(文字颜色可以逐一设置)
<STRONG> <FONT face=楷体_GB2312 color=red size=7>
<MARQUEE direction=up behavior=alternate width=60 height=120>菩</MARQUEE><FONT color=#ffff00>
<MARQUEE direction=up behavior=alternate width=60 height=80>提</MARQUEE><FONT color=#0080ff>
<MARQUEE direction=up behavior=alternate width=60 height=120>社</MARQUEE><FONT color=#ff00ff
<MARQUEE direction=up behavior=alternate width=60 height=80>区</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=60 height=120>欢</MARQUEE><FONT color=#33ff66>
<MARQUEE direction=up behavior=alternate width=60 height=80>迎</MARQUEE><FONT color=#ff0000>
<MARQUEE direction=up behavior=alternate width=60 height=120>您</MARQUEE>
</FONT></B></FONT></FONT></FONT></FONT></FONT></FONT></STRONG></MARQUEE></FONT>
<CENTER></CENTER></FONT></STRONG></FONT></FONT></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE></P>
实例二小结(套用下列代码就可以了):
<P align=center>
<TABLE borderColor=#ff0000 height=350 width=400 align=center background=背景图片地址 border=3>
<TBODY>
<TR>
<TD><EMBED align=right src=flash地址 width=460 height=350 type=application/octet-stream quality="high" wmode="transparent">
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=200>
<MARQUEE scrollAmount=3 behavior=alternate width=460><IMG title='style="CURSOR:' src="gif动态图片地址" pointer?><STRONG><FONT face=楷体_GB2312 color=red size=7>
<MARQUEE direction=up behavior=alternate width=60 height=120>菩</MARQUEE><FONT color=#ffff00>
<MARQUEE direction=up behavior=alternate width=60 height=80>提</MARQUEE><FONT color=#0080ff>
<MARQUEE direction=up behavior=alternate width=60 height=120>社</MARQUEE><FONT color=#ff00ff>
<MARQUEE direction=up behavior=alternate width=60 height=80>区</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=60 height=120>欢</MARQUEE><FONT color=#33ff66>
<MARQUEE direction=up behavior=alternate width=60 height=80>迎</MARQUEE><FONT color=#ff0000>
<MARQUEE direction=up behavior=alternate width=60 height=120>您</MARQUEE></FONT></B></FONT></FONT></FONT></FONT></FONT></FONT></STRONG></MARQUEE></FONT>
<CENTER></CENTER></FONT></STRONG></FONT></FONT></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE></P>
<P align=center><FONT size=4></FONT> </P></FONT>
欢迎光临 清净莲海六合敬修学网 祈愿:世界和平 正法久住 (http://bbs.jixiangyun.com/) | Powered by Discuz! 6.0.0 |