图片制作的方法及代码

一、贴图的基础代码

 

代码：

<IMG src="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.jpg width=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>