使用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> </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> </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> </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