HTML第四课实例一
图片+文字+FIASH+飘浮动感
画儿编写 (转载请标明作者及来源)
图片加Flash动画、加文字、加漂游动感整个画面就活了,更加美观。
实例一、图片+文字+飘浮动感
下面兰色是图片地址,红色是动态图片地址。
上述代码为:
<TABLE borderColor=#33FF66 height=360 width=480 align=center background=http://bbs.heshang.net/attachments/forumid_168/20090202_3d6e0b48dcc18cc6cbd5KMWv5FEdnqJ3.jpg border=3>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=3 direction=down behavior=alternate align=center height=120>
<MARQUEE scrollAmount=3 behavior=alternate width=480><IMG src=http://blog.lanyue.com/model/luntan/upload_pic/1418300.gif><STRONG><FONT face=楷体_GB2312 color=ff0000 size=6>要加的文字</FONT></STRONG><IMG src=http://blog.lanyue.com/model/luntan/upload_pic/1418300.gif></FONT></FONT></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
实例一解析:
一、背景图片和边的设置(根据图片大小调整高、宽)
<TABLE borderColor=#33FF66(色码,边的颜色) height=360(高) width=480(宽) align=center background=背景图片地址 border=3>
<TBODY>
<TR>
<TD>
二、漂浮范围:长和宽可以设置,但要小于背景图片的宽度
<MARQUEE scrollAmount=3 direction=down behavior=alternate align=center height=120(高)>
<MARQUEE scrollAmount=3 behavior=alternate width=480(宽)>
三、动态图片和文字设置:
<IMG src=gif动态图片地址>
<STRONG><FONT face=楷体_GB2312(字体) color=ff0000 size=6(字号)>要加入的文字</FONT></STRONG>
<IMG src=gif 动态图片地址(如果只加入一个动态图片,这一句式就可以去掉)></FONT></FONT></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
实例一小结(套用下列代码就可以了):
<TABLE borderColor=#33FF66 height=360 width=480 align=center background=背景图片地址 border=3>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=3 direction=down behavior=alternate align=center height=120>
<MARQUEE scrollAmount=3 behavior=alternate width=480><IMG src=gif动态图片地址><STRONG><FONT face=楷体_GB2312 color=ff0000 size=6>要加的文字</FONT></STRONG><IMG src=gif 动态图片地址></FONT></FONT></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
欢迎光临 清净莲海六合敬修学网 祈愿:世界和平 正法久住 (http://bbs.jixiangyun.com/) | Powered by Discuz! 6.0.0 |