背景图片上添加gif动画移动字代码

清泉m 2015-05-16

展开全文

背景图片上添加gif透明动画、移动字代码
代码：
<DIV style="POSITION: relative" class=divBorderStyleRelative>
<TABLE style="TEXT-ALIGN: left; WIDTH: 1000px; HEIGHT: 165px" border=0 cellSpacing=0 cellPadding=0 background=http://userimage5.360doc.com/14/0704/21/3459959_201407042102400429.jpg align=center >
<TBODY>
<TR>
<TD>

<DIV style="POSITION: absolute; LEFT: 860px; TOP: 0px" class=divBorderStyle>
<IMG style="WIDTH: 83px; HEIGHT: 83px" border=0 src="http://image85.360doc.com/DownloadImg/2013/09/2413/53514271_1.gif"> </DIV>

<DIV style="POSITION: absolute; LEFT: 330px; TOP: 20px" class=divBorderStyle>
<MARQUEE style="WIDTH: 620px" height=120 scrollAmount=3 align="right">
<FONT style="FONT: 25pt 楷体_GB2312" color=#fff50f>
<STRONG>
恭祝各位朋友节日愉快幸福安康 !
</STRONG></FONT></MARQUEE></TD></TR></TBODY></TABLE>

分析：
一、相对定位标签和背景图片表格标签
<DIV style="POSITION: relative" class=divBorderStyleRelative> 相对定位标签。必不可少。如果
没有它，则当多图上下排列时，本代码的绝对定位内容将会上飘到第一图处。
<TABLE style="TEXT-ALIGN: left; WIDTH: 1000px; HEIGHT: 165px" border=0 cellSpacing=0 cellPadding=0 background=http://userimage5.360doc.com/14/0704/21/3459959_201407042102400429.jpg align=center >
        这是个标准的图片背景表格标签。表格的宽1000px，高165px。
       下面紧接着是<TBODY><TR><TD>
二、添加gif透明动画图片
1、定位标签：<DIV style="POSITION: absolute; LEFT: 140px; TOP: 0px"
                                     class=divBorderStyle>
           用以确定gif动画图片的位置。
                      其中：POSITION: absolute--绝对定位
                                 LEFT: 140px--------距左边140px
                                 TOP: 0px------------距上边0px
2、贴图标签。
              <IMG style="WIDTH: 84px; HEIGHT: 84px" src=
            "http://image61.360doc.com/DownloadImg/2013/06/1419/33157176_9.gif">
         用以粘贴第一幅gif动画。
                      其中：包括gif透明图片地址及设定的宽、高。
3、小收口尾标签：</DIV>
4、重复1、2、3在大背景图片上又添加了两幅gif透明动画。
三、加移动字
1、移动范围的定位标签
      <DIV style="POSITION: absolute; LEFT: 330px; TOP: 20px" class=divBorderStyle>
其中：LEFT: 330px; TOP: 20px 规定了移动范围的左边线距图的左边330px，移动范围的

上边线距图的上边20px

2、移动标签：
    <MARQUEE style="WIDTH: 800px" height=120 scrollAmount=3 align="right">
         用以移动文字。其中：
            WIDTH: 620px" height=120是移动范围的宽度和高度。
            scrollAmount=3 是移动的速度。默认向左移动。
            align="right"右对齐，没什么用。
3、文字标签：
        <FONT style="FONT: 25pt 楷体_GB2312" color=#fff50f>
        用以确定文字的大小、字体、颜色。其中：
              FONT: 25pt  ---大小
             楷体_GB2312---字体
             color=#fff50f---字的颜色