|
背景圖片上添加gif透明動(dòng)畫、移動(dòng)字代碼
代碼：
<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="
<DIV style="POSITION: absolute; LEFT: 230px; TOP: 20px" class=divBorderStyle>
<IMG style="WIDTH: 50px; HEIGHT: 50px" border=0 src="
<DIV style="POSITION: absolute; LEFT: 860px; TOP: 0px" class=divBorderStyle>
<IMG style="WIDTH: 83px; HEIGHT: 83px" border=0 src="
<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>
恭祝各位朋友 節(jié)日愉快 幸福安康 !
</STRONG></FONT></MARQUEE></TD></TR></TBODY></TABLE>
分析：
一、相對定位標(biāo)簽和背景圖片表格標(biāo)簽
<DIV style="POSITION: relative" class=divBorderStyleRelative> 相對定位標(biāo)簽。必不可少。如果
沒有它，則當(dāng)多圖上下排列時(shí)，本代碼的絕對定位內(nèi)容將會(huì)上飄到第一圖處。
<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 >
這是個(gè)標(biāo)準(zhǔn)的圖片背景表格標(biāo)簽。表格的寬1000px，高165px。
下面緊接著是<TBODY><TR><TD>
二、添加gif透明動(dòng)畫圖片
1、定位標(biāo)簽：<DIV style="POSITION: absolute; LEFT: 140px; TOP: 0px"
class=divBorderStyle>
用以確定gif動(dòng)畫圖片的位置。
其中：POSITION: absolute--絕對定位
LEFT: 140px--------距左邊140px
TOP: 0px------------距上邊0px
2、貼圖標(biāo)簽。
<IMG style="WIDTH: 84px; HEIGHT: 84px" src=
" 用以粘貼第一幅gif動(dòng)畫。
其中：包括gif透明圖片地址及設(shè)定的寬、高。
3、小收口尾標(biāo)簽：</DIV>
4、重復(fù)1、2、3在大背景圖片上又添加了兩幅gif透明動(dòng)畫。
三、加移動(dòng)字
1、移動(dòng)范圍的定位標(biāo)簽
<DIV style="POSITION: absolute; LEFT: 330px; TOP: 20px" class=divBorderStyle>
其中：LEFT: 330px; TOP: 20px 規(guī)定了移動(dòng)范圍的左邊線距圖的左邊330px，移動(dòng)范圍的 上邊線距圖的上邊20px 2、移動(dòng)標(biāo)簽：
<MARQUEE style="WIDTH: 800px" height=120 scrollAmount=3 align="right">
用以移動(dòng)文字。其中：
WIDTH: 620px" height=120是移動(dòng)范圍的寬度和高度。
scrollAmount=3 是移動(dòng)的速度。默認(rèn)向左移動(dòng)。
align="right"右對齊，沒什么用。
3、文字標(biāo)簽：
<FONT style="FONT: 25pt 楷體_GB2312" color=#fff50f>
用以確定文字的大小、字體、顏色。其中：
FONT: 25pt ---大小
楷體_GB2312---字體
color=#fff50f---字的顏色
也可用標(biāo)簽<font face=仿宋 size=6 color=#FFF50F>確定字的字體、大小、顏色。
3、粗字標(biāo)簽：
<STRONG> 也可用 <B>
4、文字：
恭祝各位朋友 節(jié)日愉快 幸福安康 !
四、最后是尾標(biāo)簽不再贅述。
|
