html页面设定为连接的方法,html代码运用

常用特效解析：

原图：

1、效果一：

代码：

《IMG src="http://image58.360doc.com/DownloadImg/2013/01/2519/29839963_2.jpg" style="FILTER: gray(color=#ffedff)"》

2、效果二：

代码：

《IMG src="http://image58.360doc.com/DownloadImg/2013/01/2519/29839963_2.jpg" style="FILTER: xray(color=#ffedff)"》

3、效果三：

代码：

《IMG src="http://image58.360doc.com/DownloadImg/2013/01/2519/29839963_2.jpg" style="FILTER: invert(color=#ffedff)"》

4、效果四：

代码：

《IMG src="http://image58.360doc.com/DownloadImg/2013/01/2519/29839963_2.jpg" style="FILTER: fliph(color=#ffedff)"》

5、效果五：

代码：

《IMG src="http://image58.360doc.com/DownloadImg/2013/01/2519/29839963_2.jpg" style="FILTER: flipv(color=#ffedff)"》

6、效果六：

代码：

《img src="http://image58.360doc.com/DownloadImg/2013/01/2519/29839963_2.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:(eval(document.body.scrollTop)+eval(document.body.clientHeight)-200);left:(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://image58.360doc.com/DownloadImg/2013/01/2519/29839963_3.gif》《/MARQUEE》《FONT color=orange》《MARQUEE behavior=alternate direction=up height=250 width=130》《img src=http://image58.360doc.com/DownloadImg/2013/01/2519/29839963_3.gif》《/MARQUEE》《FONT color=Fuchsia》《MARQUEE behavior=alternate direction=up height=300 width=130》《img src=http://image58.360doc.com/DownloadImg/2013/01/2519/29839963_3.gif》《/MARQUEE》《FONT color=olive》《MARQUEE behavior=alternate direction=up height=250 width=130》《img src=http://image58.360doc.com/DownloadImg/2013/01/2519/29839963_3.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://image58.360doc.com/DownloadImg/2013/01/2519/29839963_4.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://image58.360doc.com/DownloadImg/2013/01/2519/29839963_4.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://image58.360doc.com/DownloadImg/2013/01/2519/29839963_4.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://image58.360doc.com/DownloadImg/2013/01/2519/29839963_4.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://image58.360doc.com/DownloadImg/2013/01/2519/29839963_4.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://image58.360doc.com/DownloadImg/2013/01/2519/29839963_4.gif" ;》《/FONT》《/B》《/MARQUEE》《/CENTER》

10、效果十：

代码：

《FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"》《IMG src="http://image58.360doc.com/DownloadImg/2013/01/2519/29839963_2.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://image58.360doc.com/DownloadImg/2013/01/2519/29839963_2.jpg"》《/FONT》《/FONT》