打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
背景图片上添加gif动画移动字代码
           背景图片上添加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: 140px; TOP: 0px" class=divBorderStyle>
<IMG style="WIDTH: 84px; HEIGHT: 84px" src="http://image61.360doc.com/DownloadImg/2013/06/1419/33157176_9.gif"> </DIV>

<DIV style="POSITION: absolute; LEFT: 230px; TOP: 20px" class=divBorderStyle>
<IMG style="WIDTH: 50px; HEIGHT: 50px" border=0 src="http://image61.360doc.com/DownloadImg/2013/06/1419/33157176_14.gif"> </DIV>

<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---字的颜色
      也可用标签<font  face=仿宋 size=6 color=#FFF50F>确定字的字体、大小、颜色。 
 3、粗字标签
          <STRONG>  也可用 <B>
 4、
文字
       恭祝各位朋友 节日愉快 幸福安康 !

四、最后是尾标签不再赘述。
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
【聊代码】第二十集 移动标签(之八)
音画文字设置的代码
图片移动代码集锦【汇编】
普通动态下拉菜单实现步骤
代码入门教程(11)
博客精美边框代码
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服