Board logo

标题: HTML第五课(实例一):图片+文字+FIASH+飘浮动感 代码 [打印本页]

作者: 画儿    时间: 2009-8-11 21:36     标题: HTML第五课(实例一):图片+文字+FIASH+飘浮动感 代码

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>

 

  • [日志]HTML知识:图片+文字+flash+飘浮动感+音乐 实例三2009-05-10
  • [日志]HTML知识:图片+文字+FIASH+飘浮动感 代码 实例22009-05-10
  • [日志]HTML知识:图片+文字+FIASH+飘浮动感 代码2009-05-10






  • 欢迎光临 清净莲海六合敬修学网 祈愿:世界和平 正法久住 (http://bbs.jixiangyun.com/) Powered by Discuz! 6.0.0