画儿

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