圖片製作的方法及代碼

一、貼圖的基礎代碼

代碼：

<IMG src="https://www.getit01.com/getimg_360.php?url=http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpg" width_=350>

二、淡化邊緣效果

代碼：

<IMG style="FILTER: Alpha(opacity=100,style=1)" src="

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpg" width_=350>

代碼：

<IMG style="FILTER: Alpha(opacity=100,style=2)" src="

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpg" width_=350>

代碼：

<IMG style="FILTER: Alpha(opacity=100,style=3)" src="

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpg" width_=350>

代碼：

<IMG style="FILTER: Alpha(opacity=0,finishopacity=100,style=1)" src="

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpg" width_=350>

三、圖片加框效果

代碼：

<img src="

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpg" width_=350 style="border:8px #987cb9 dotted">

或： <IMG style="BORDER-RIGHT: #987cb9 8px dotted; BORDER-TOP: #987cb9 8px dotted; BORDER-LEFT: #987cb9 8px dotted; BORDER-BOTTOM: #987cb9 8px dotted" src="

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpg">

代碼：

<img src="

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpg" width_=350 style="border:12px #987cb9 double">

代碼:

<img src="

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpg" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=10)">

代碼:

<DIV align=center>

<TABLE style="BORDER-RIGHT: #6a5acd 3px dashed; BORDER-TOP: #6a5acd 3px dashed; BORDER-LEFT: #6a5acd 3px dashed; BORDER-BOTTOM: #6a5acd 3px dashed" cellSpacing=5 cellPadding=0 align=center bgColor=#9400d3>

<TBODY>

<TR>

<TD align=middle width_=350 bgColor=#6495ed><IMG src="

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpg"></TD></TR></TBODY></TABLE></DIV>

代碼:

<img src="

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpg" width_=350 style="border:12px #987cb9 groove">

四、圖片移動效果

代碼為: <MARQUEE direction=right scrollamount=10><IMG src="

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpg"></MARQUEE>

說明:direction=right表示圖片自左向右移動,direction=left表示自右向左移動,也可預設.direction=up表示圖片自下而上移動,direction=down表示自上往下移動

.

代碼為: <marquee width_=100% behavior=alternate scrollamount=10><img src=

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpg width_=350 ></marquee>

代碼為: <marquee width_=100% behavior=scroll scrollamount=10><img src=

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpgwidth_=350 ></marquee>

代碼為: <marquee direction=left><marquee behavior=alternate direction=up height=500><img src=

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpg> </marquee>

代碼為: <marquee width_=350 ><img src=

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpg width_=350> </marquee><marquee direction=right width_=350 ><img src=

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpgwidth_=350> </marquee>

代碼為: <marquee direction=down scrollamount=3><center><div style="width:350;filter:flipv ; "><img src="

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpg" width_=350></div></center></marquee>

代碼為:

<MARQUEE scrollAmount=3 direction=right behavior=alternate>

<MARQUEE direction=up behavior=alternate width_=350 height=500>

<P align=center><IMG src="

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpg" width_=175></MARQUEE></TD>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 width_=175><IMG src="

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpg

" width_=175></MARQUEE></TD>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width_=175><IMG style="FILTER: fliph()" src="

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpg

" width_=175></MARQUEE></TD>

<TD align=middle>

<MARQUEE scrollAmount=1 scrollDelay=100 width_=175><IMG src="

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpg

" width_=175></MARQUEE></TD></TR></TBODY></TABLE>

代碼為： <MARQUEE direction=right scrollamount=10><IMG style="FILTER: Alpha(opacity=100,style=2)" src="

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpg"> </MARQUEE>

或： <MARQUEE direction=right scrollamount=10 >

<TABLE style="FILTER: Alpha(opacity=100,style=2)" width_=350 height=263 background=

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpg> </MARQUEE>

代碼為: <MARQUEE style="WIDTH: 1000px " scrollAmount=5 direction=right>

<img src="

http://image23.360doc.com/DownloadImg/2011/02/1808/9261224_1.jpg" width_=350 style="border:8px #987cb9 dotted"></MARQUEE>