美化图片大全

电脑网络   2006-10-05 17:52   阅读1694   评论5  
字号:    

1、单边框

<center><img

src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" style="border:3 solid #ff0000"></center>  

2、双边框
 
<center><img
 

3、立体镜框(一)
 
style="border:25 outset #ff88ff"></center>
 

 

4、立体镜框(二)

 
<center><img
 

5、虚线框

<center> <img src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" style="border:4 dashed #ff0000"></center>

 
6、凹槽框
 
<center> <img src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" style="border:25 groove green" border="0"></center>
 

 
7、脊状框
 
<center> <img src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" style="border:25 ridge green" border="0"></center>
 

8、横向渐变透明

<center><img src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" style="filter=alpha(opacity=100,style=1,finishopacity=0)">

 

9、圆形渐变透明

<center><img src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>

10、X形渐变透明

<center><img src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>

11、黑白效果

<center><img src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" style="filter:'gray'"></center>

12、X光效果(底片)

<center><img src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" style="filter:'xray'"></center>

13、浮雕效果

<center><img src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>

14、上下颠倒

<center><img src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" style="filter:flipv">

 

15、左右颠倒

<center><img src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" style="filter:invert"></center>

 
16、色彩颠倒
 

 

17、粒状阴影

<center><img src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=15)"></center>

 

28、模糊效果

<center><img src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=3)"></center>

 

19、水波效果(风吹)

<center><img src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>

 

20、水中倒影效果

<center><IMG src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" width="200" height="150"><BR>
<IMG src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30)  blur() flipv()" width="200" height="150"></center>


0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

 

21、图片具有超连接

<P align=center><A href="http://www.sina.com.cn/m/ziguangge" target=_blank><IMG style="WIDTH: 180px; HEIGHT: 210px" height=449 src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" width=325></A></P>

22、左右滚动的图片

<MARQUEE scrollAmount=2 scrollDelay=0 behavior=alternate width=200 height=180><IMG height=200 src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" width=180 border=0> <IMG height=200 src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" width=180 border=0> <IMG height=200 src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" width=180 border=0> <IMG height=200 src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" width=200 border=0></MARQUEE>

0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" border=0>0 && image.height>0){

23、向各个方向滚动的图片

<MARQUEE scrollAmount=1 scrollDelay=60 direction=right width=160 height=200 >
<IMG height=200 src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" width=180 border=0>
<IMG height=200 src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" width=180 border=0>
<IMG height=200 src="http://bbs.ocer.net/attachments/ext_jpg/fenggwx_1157623824170586_FM7TZtTXusGT.jpg" width=180 border=0>
</A></MARQUEE>


代码中可以修改的地方
  direction=right 是移动的方向 
  上:up   下:down   左:right  右:left 
  scrollamount=5 是向下移动速度,可以调整,一般设置在1---15的范围内比较好
.

0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" border=0>0 && image.height>0){if(im

评论(?)
阅读(?)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
网易公司版权所有 ©1997-2009