博客网页图片常用几款艺术处理HTML代码

发布时间：2009-8-16  阅读次数：152  字体大小: 【小】 【中】【大】

 

1、横向渐变透明

<P align=center><FONT color=#000000><IMG style="FILTER: alpha(opacity=100,style=1,finishopacity=0)" src="图片网址"></IMG></FONT></P>

 

2、椭圆形渐变透明

 

<P align=center><FONT color=#000000><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片网址"></FONT></P>

 

3、X形渐变透明

 

<P align=center><FONT color=#000000><IMG style="FILTER: alpha(opacity=100,style=3,finishopacity=0)" src="图片网址"></FONT></P>

 

4、黑白效果

 

<P align=center><FONT color=#000000><IMG style="FILTER: gray" src="图片网址"></FONT></P>

 

5、X光效果（底片）

 

<P align=center><FONT color=#000000><IMG style="FILTER: xray" src="图片网址"></FONT></P>

 

6、浮雕效果

 

<P align=center><FONT color=#000000><IMG style="FILTER: progid:DXImageTransform.Microsoft.Emboss()" src="图片网址"></FONT></P>

 

7、上下颠倒

 

<P align=center><FONT color=#000000><IMG style="FILTER: flipv" src="图片网址"></FONT></P>

 

8、左右颠倒

 

<P align=center><FONT color=#000000><IMG style="FILTER: fliph" src="图片网址"></FONT></P>

 

9、色彩颠倒

 

<P align=center><FONT color=#000000><IMG style="FILTER: invert" src="图片网址"></FONT></P>

 

10、模糊效果

 

<P align=center><FONT color=#000000><IMG style="FILTER: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3)" src="图片网址"></FONT></P>

 

11、水波效果（风吹）

 

<P align=center><FONT color=#000000><IMG style="FILTER: wave(freq=11, strength=4, phase=6, lightstrength=10)" src="图片网址" width=600></FONT></P>

 

12、水中倒影效果

 

<P align=center><FONT color=#000000><IMG height=200 src="图片网址" width=700></IMG><BR><IMG style="FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" height=200 src="图片网址" width=700></FONT></P>

 

13、图片由下向上移动

 

（一）

 

<P align=center>
<MARQUEE scrollAmount=4 direction=up width=300 height=100><IMG src="图片网址"></MARQUEE><FONT color=#000000></FONT></P>

 

 

（二）

<P align=center>
<MARQUEE style="WIDTH: 300px; HEIGHT: 100px" scrollDelay=100 direction=down behavior=slide width=300 height=100>
<MARQUEE direction=up height=280><PRE>

<IMG src="图片网址">

</PRE></MARQUEE></MARQUEE><FONT color=#000000></FONT></P>

 

 

14、图片由上向下移动

 

<P align=center>
<MARQUEE style="WIDTH: 300px; HEIGHT: 100px" direction=down><IMG src="图片网址"></MARQUEE><FONT color=#000000></FONT></P>

 

 

15、图片往右或往左移动

 

（一）

<P align=center>
<MARQUEE scrollDelay=100 behavior=slide width=300 height=140>
<MARQUEE style="LINE-HEIGHT: 100%; WRITING-MODE: tb-rl" scrollDelay=100 direction=up width=300 height=140><PRE><IMG src="图片网址"></PRE></MARQUEE></MARQUEE><FONT color=#000000></FONT>

 

（二）

 

 

<P align=center>
<MARQUEE direction=right><IMG src="图片网址">
<P></P></MARQUEE><FONT color=#000000></FONT></P>

 

（三）

<P align=center>
<MARQUEE style="WIDTH: 300px; HEIGHT: 100px"><IMG src="图片网址"></MARQUEE><FONT color=#000000></FONT></P>

 

 

16、图片左右弹撞

 

<P align=center>
<MARQUEE behavior=alternate><IMG src="图片网址"></MARQUEE><FONT color=#000000></FONT></P>

 

 

17、图片上下滚动

 

<P align=center>
<MARQUEE direction=up behavior=alternate width=300 height=200><IMG src="图片网址"></MARQUEE><FONT color=#000000></FONT></P>