背景图上写字和头像来回飘效果（紫雨编辑）

背景图上写字和头像来回飘效果（紫雨编辑）  

本文引用自紫寒燕雨

 

 

 

 

1、准备两张已经上传进博客相册的图：

背景图：

http://image48.360doc.com/DownloadImg/2011/12/1421/20033734_3.gif

 

小图地址

http://image48.360doc.com/DownloadImg/2011/12/1421/20033734_2.jpg

 

紫雨祝你 平安快乐

 

实例代码：

 

<TABLE style="HEIGHT: 663px" borderColor=#8b525d height=663 width=500 align=center background=http://image48.360doc.com/DownloadImg/2011/12/1421/20033734_3.gif border=3>
<TBODY>
<TBODY>
<TR>
<TD><FONT style="FONT-SIZE: 45pt" face=隶书 color=#ff0000><B>
<P align=right>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=down behavior=alternate height=335>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=alternate>
<P><IMG title="图上飘图和立体字试验代码 - 紫寒燕雨 - 紫雨文学世界" style="FILTER: alpha(opacity=100,style=2,finshopacity=0 ); WIDTH: 400px; HEIGHT: 327px" height=300 alt="图上飘图和立体字试验代码 - 紫寒燕雨 - 紫雨文学世界" src="http://image48.360doc.com/DownloadImg/2011/12/1421/20033734_2.jpg" width=300 border=3></P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P><FONT color=#00ff00 size=5><STRONG></STRONG></FONT></P>
<P><STRONG><FONT color=#00ff00 size=5></FONT></STRONG> </P></MARQUEE></MARQUEE></P>
<P align=center>紫雨祝你</B></FONT></P>
<P align=center><FONT style="FONT-SIZE: 45pt" face=隶书 color=#ff0000><B>平安快乐</B></FONT></P></TD></TR></TBODY></TABLE>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV> </DIV>

 

通用代码：

<TABLE style="HEIGHT: 边框高度，这个值可以设置的比原图高度小一点，然后文字可以向上一点，再把图按回车键点击拉长px" borderColor=#8b525d边框颜色代码 height=图高度 width=图宽度 align= 背景图地址 border=3>
<TBODY>
<TBODY>
<TR>
<TD><FONT style="FONT-SIZE: 字号45pt" face=隶书 color=#ff0000字体颜色代码><B>
<P align=right>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=down behavior=alternate height=335>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=alternate>
<P><IMG title="" style="FILTER: alpha(opacity=100,style=2,finshopacity=0 ); WIDTH: 小图宽度px; HEIGHT: 小图高度px" height=300 alt="" src="小图地址" width=300 border=3></P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P><FONT color=#00ff00 size=5><STRONG></STRONG></FONT></P>
<P><STRONG><FONT color=#00ff00 size=5></FONT></STRONG> </P></MARQUEE></MARQUEE></P>
<P align=center>紫雨祝你</B></FONT></P>
<P align=center><FONT style="FONT-SIZE: 45pt" face=隶书 color=#ff0000><B>平安快乐</B></FONT></P></TD></TR></TBODY></TABLE>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV> </DIV>

 

 

 

 

 

 

 

 上述是紫雨自己调试得到的代码。也可以下列代码：

===

 

 

<table width="450" border="0"><tr><td height="562" background=这里加入你要使用图片地址></td></tr></table>