使用HTML语言代码「回复留言」之精彩实例

（在阳光以前的日志中有详细介绍，在这里只是简单的说一下）

（一）、点击好友留言下面的「回复」，如下图：

（二）、复制你要回复的HTML语言代码，粘贴到展开的对话框内，如下图：

（三）、点击「确定」，完成你对好友的留言回复，如下图：如果不满意可再点击「修改此回复」，然后再点击「确定」。

下面介绍的是使用「HTML语言代码」进行「留言回复」常用的几种样式，仅供大家参考。

一、蒙板、倒影图片样式：

<P style="TEXT-INDENT: 2em" align=center>

<TABLE style="FILTER: Alpha(opacity=100,style=2)" height=750 cellSpacing=5 cellPadding=5 width=500 border=7 table>

<TBODY>

<TR>

<TD>

<TABLE height=750 width=500 background=图片地址>

<TBODY>

<TR>

<TD>

<MARQUEE style="WIDTH: 500px; HEIGHT: 216px" scrollAmount=1 scrollDelay=200 direction=down behavior=alternate height=416><A href="http://lql00399.blog.163.com/" target=_blank>

<MARQUEE style="WIDTH: 500px; HEIGHT: 216px" scrollAmount=1 scrollDelay=200 direction=down behavior=alternate height=416></MARQUEE></A></MARQUEE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

效果如下图：

二、左右连续摆动的图片：

<P align=center>

<marquee behavior=alternate>

<a target="cont" href="http://lql00399.blog.163.com/"><IMG src="图片地址1" border=0>

<a target="cont" href="http://lql00399.blog.163.com/"><IMG src="图片地址2" border=0>

<a target="cont" href="http://lql00399.blog.163.com/"><IMG src="图片地址3" border=0>

<a target="cont" href="http://lql00399.blog.163.com/"><IMG src="图片地址4" border=0>

<a target="cont" href="http://lql00399.blog.163.com/"><IMG src="图片地址5" border=0>

</a> </marquee>

效果如下图：

三、在背景图片上添加三张摆动的小图片：

<TABLE borderColor=#cd5c5c height=350 width=490 align=center border=3>

<TBODY>

<TR>

<TD width=440 background="背景图片地址'">

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=320>

<MARQUEE scrollAmount=3 behavior=alternate width=440><IMG src="小图片地址1" border=0>

<P></P>

<P style="TEXT-INDENT: 2em">

<MARQUEE scrollAmount=3 behavior=alternate width=370><IMG src="小图片地址2" border=0>

<MARQUEE scrollAmount=3 behavior=alternate width=370><IMG src="小图片地址3" border=0></MARQUEE>

<TABLE borderColor=#cd5c5c height=350 width=540 align=center border=3>

<TBODY>

<TR>

<TD width=440 background="背景图片地址">

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=320>

<MARQUEE scrollAmount=3 behavior=alternate width=440><IMG src="小图片地址1" border=0>

<P></P>

<P style="TEXT-INDENT: 2em">

<MARQUEE scrollAmount=3 behavior=alternate width=370><IMG src="小图片地址2" border=0>

<MARQUEE scrollAmount=3 behavior=alternate width=370><IMG src="小图片地址3" border=0></MARQUEE>

<P></P></MARQUEE></P>

效果如下图：

四、在背景图片添加多张透明的gif小图片：

<P align=center><BR>&nbsp;</P>

<DIV align=center>

<TABLE borderColor=#cd5c5c height=750 width=490 align=center border=3>

<TBODY>

<TR>

<TD background=背景图片地址><a target="cont" href="http://lql00399.blog.163.com/">

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=750>

<MARQUEE scrollAmount=12 height=150 direction=right><a target="cont" href="http://lql00399.blog.163.com/">

<IMG style="FILTER: FlipH"  src="小图片地址1" border=0></MARQUEE>

<MARQUEE scrollAmount=12 height=150 direction=left><a target="cont" href="http://lql00399.blog.163.com/">

<IMG src="小图片地址2" border=0></MARQUEE>

<MARQUEE scrollAmount=8 height=150 direction=left><a target="cont" href="http://lql00399.blog.163.com/">

<IMG style="FILTER: FlipH"  src="小图片地址3" border=0></MARQUEE>

<MARQUEE scrollAmount=8 height=150 direction=right><a target="cont" href="http://lql00399.blog.163.com/">

<IMG src="小图片地址4" border=0></MARQUEE>

<MARQUEE scrollAmount=3 behavior=alternate width=490><a target="cont" href="http://lql00399.blog.163.com/">

<IMG src="小图片地址5" border=0></MARQUEE>

<P></P>

</MARQUEE></TD></TR></TBODY></TABLE></DIV>

效果如下图：

 

 

五、在背景图片上添加两张“关门式移动”的图片：

<DIV align=center>

<TABLE cellSpacing=0 cellPadding=0 width=400 align=center><TBODY>

<TR>

<TD background=背景图片地址 border=0> <TABLE cellSpacing=0 cellPadding=0 align=center border=0>

<MARQUEE scrollAmount=3 scrollDelay=30 direction=right width=200> <a target="cont" href="http://lql00399.blog.163.com/"> <IMG src="移动图片地址" border=0></a></MARQUEE>

<MARQUEE scrollAmount=3 scrollDelay=30 width=200> <a target="cont" href="http://lql00399.blog.163.com/">

<IMG src="移动图片地址" border=0></a></MARQUEE>

</TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

效果如下图：

六、在背景图片上添加多张“百叶窗式移动”的图片：

<DIV align=center>

<TABLE cellSpacing=0 cellPadding=0 width=490 align=center>

<TBODY>

<TR>

<TD background=背景图片地址  border=0>

<TABLE cellSpacing=0 cellPadding=0 align=center border=0>

<MARQUEE scrollAmount=3 scrollDelay=30 width=100> <a target="cont" href="http://lql00399.blog.163.com/">

<IMG src="移动图片地址" border=0></a></MARQUEE>

<MARQUEE scrollAmount=3 scrollDelay=30 width=100> <a target="cont" href="http://lql00399.blog.163.com/">

<IMG src="移动图片地址" border=0></a></MARQUEE>

<MARQUEE scrollAmount=3 scrollDelay=30 width=100> <a target="cont" href="http://lql00399.blog.163.com/">

<IMG src="移动图片地址" border=0></a></MARQUEE>

<MARQUEE scrollAmount=3 scrollDelay=30 width=100> <a target="cont" href="http://lql00399.blog.163.com/">

<IMG src="移动图片地址" border=0></a></MARQUEE>

</TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

效果如下图：

七、在背景图片上添加多张摆动的蒙板图片：

<P align=center><BR>&nbsp;</P>

<DIV align=center>

<TABLE borderColor=#cd5c5c height=610 width=490 align=center border=3>

<TBODY>

<TR>

<TD background=背景图片地址>

<a target="cont" href="http://lql00399.blog.163.com/">

<MARQUEE style="WIDTH: 490px; HEIGHT: 610px" scrollAmount=3 direction=down behavior=alternate height=238>

<MARQUEE style="WIDTH: 490px; HEIGHT: 248px" scrollAmount=3 behavior=alternate width=238>

<a target="cont" href="http://lql00399.blog.163.com/">

<IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 267px; HEIGHT: 253px" height=355 src="小图片地址1" width=300></MARQUEE>

<P style="TEXT-INDENT: 2em">

<MARQUEE style="WIDTH: 490px; HEIGHT: 238px" scrollAmount=3 direction=down behavior=alternate height=238>

<MARQUEE style="WIDTH: 490px; HEIGHT: 238px" scrollAmount=3 behavior=alternate width=499>

<a target="cont" href="http://lql00399.blog.163.com/">

<IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 264px; HEIGHT: 242px" height=238 src="小图片地址2" width=300></MARQUEE>

<P></P></MARQUEE></P></MARQUEE></TD></TR></TBODY></></TABLE>

效果如下图：

 

八、红色相框中单张摆动的图片：

<P align=center><BR>&nbsp;</P>

<DIV align=center>

<CENTER>

<TABLE borderColor=#cd5c5c height=426 width=490 align=center border=3>

<TR>

<TD>

<TABLE cellSpacing=3 cellPadding=3 width=490 bordercolor=0000ff background= border=1>

<TR><TD>

<marquee behavior=alternate>

<a target="cont" href="http://lql00399.blog.163.com/"> <img src="图片地址" width="640" height="426" border="0"></a>

</marquee></TD></TR></TABLE>

效果如下图：

以上八种样式仅供参考，不足之处阳光愿同大家共同学习研究。

几个常用的HTML语句：

图片右移200像素：<P style="TEXT-INDENT: 20em">

图片由左向右移动：direction=left

图片由右向左移动：direction=right

图片由下向上移动：direction=up

读片由上向下移动：direction=down

图片在宽度为490像素；高度750像素的范围内飘动：behavior=alternate width=490   height=750

图像水平反转：style="FILTER: FlipH"

图片的运行速度：scrollAmount=8