博客的HTML代码如何运用,html代码运用（五）--常用特效解析

常用特效解析：

原图：

590){this.width=590;}" border=0 twffan="done">

1、效果一：

代码：

《IMG src="http://blog.lanyue.com/upload/user/55/235337_30220812.jpg" style="FILTER: gray(color=#ffedff)"》

2、效果二：

代码：

《IMG src="http://blog.lanyue.com/upload/user/55/235337_30220812.jpg" style="FILTER: xray(color=#ffedff)"》

3、效果三：

代码：

《IMG src="http://blog.lanyue.com/upload/user/55/235337_30220812.jpg" style="FILTER: invert(color=#ffedff)"》

4、效果四：

代码：

《IMG src="http://blog.lanyue.com/upload/user/55/235337_30220812.jpg" style="FILTER: fliph(color=#ffedff)"》

5、效果五：

代码：

《IMG src="http://blog.lanyue.com/upload/user/55/235337_30220812.jpg" style="FILTER: flipv(color=#ffedff)"》

6、效果六：

代码：

《img src="http://blog.lanyue.com/upload/user/55/235337_30220812.jpg" width=360 height=250 style=filter:Alpha(opacity=100,style=2)》

7、效果七：

跟随鼠标拖动而滑动的图片

代码：

《DIV STYLE="cursor:arrow;filter : progid:DXImageTransform.Microsoftpadding:8px;position:absolute;;border:;top:expression(eval(document.body.scrollTop) eval(document.body.clientHeight)-200);left:expression(eval(document.body.scrollLeft) eval(document.body.clientWidth)-400);text-align:center;"》《P》《/P》《IMG border=0 src="http://blog.lanyue.com/model/luntan/upload_pic/1537525.gif"》《/DIV》

8、效果八：

代码：

《MARQUEE behavior=alternate direction=up height=300 width=130》《img src=http://blog.lanyue.com/model/luntan/upload_pic/1853520.gif》《/MARQUEE》《FONT color=orange》《MARQUEE behavior=alternate direction=up height=250 width=130》《img src=http://blog.lanyue.com/model/luntan/upload_pic/1853520.gif》《/MARQUEE》《FONT color=Fuchsia》《MARQUEE behavior=alternate direction=up height=300 width=130》《img src=http://blog.lanyue.com/model/luntan/upload_pic/1853520.gif》《/MARQUEE》《FONT color=olive》《MARQUEE behavior=alternate direction=up height=250 width=130》《img src=http://blog.lanyue.com/model/luntan/upload_pic/1853520.gif》《/MARQUEE》

9、效果九：

沧

海

明

月

清

风

代码：

《CENTER》《MARQUEE height=87 scrollAmount=2 width=80 scrolldely="10" align="center"》《B》《FONT color=#6495ed face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal"》沧 《IMG src="http://blog.lanyue.com/model/luntan/upload_pic/1494405.gif" ;》《/FONT》《/B》《/MARQUEE》《MARQUEE height=87 scrollAmount=2 width=80 scrolldely="10" align="center"》《B》《FONT color=#6495ed face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal"》海 《IMG src="http://blog.lanyue.com/model/luntan/upload_pic/1494405.gif" ;》《/FONT》《/B》《/MARQUEE》《MARQUEE height=87 scrollAmount=2 width=80 scrolldely="10" align="center"》《B》《FONT color=#6495ed face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal"》明 《IMG src="http://blog.lanyue.com/model/luntan/upload_pic/1494405.gif" ;》《/FONT》《/B》《/MARQUEE》《MARQUEE height=87 scrollAmount=2 width=80 scrolldely="10" align="center"》《B》《FONT color=#6495ed face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal"》月《IMG src="http://blog.lanyue.com/model/luntan/upload_pic/1494405.gif" ;》《/FONT》《/B》《/MARQUEE》《MARQUEE height=87 scrollAmount=2 width=80 scrolldely="10" align="center"》《B》《FONT color=#6495ed face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal"》清 《IMG src="http://blog.lanyue.com/model/luntan/upload_pic/1494405.gif" ;》《/FONT》《/B》《/MARQUEE》《MARQUEE height=87 scrollAmount=2 width=80 scrolldely="10" align="center"》《B》《FONT color=#6495ed face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal"》风 《IMG src="http://blog.lanyue.com/model/luntan/upload_pic/1494405.gif" ;》《/FONT》《/B》《/MARQUEE》《/CENTER》

10、效果十：

代码：

《FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"》《IMG src="http://blog.lanyue.com/upload/user/55/235337_30220812.jpg"》《FONT id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"》《IMG src="http://blog.lanyue.com/upload/user/55/235337_30220812.jpg"》《/FONT》《/FONT》