怎樣用代碼設(shè)置圖片濾鏡特效
1、X光濾鏡效果代碼: <IMG style="FILTER: alpha(opacity=100,style=3,finishopacity=0); WIDTH: 320px; HEIGHT: 250px" src="圖片地址" cellspacing="0" cellpadding="0">
2、圓形合成效果代碼: <IMG style="FILTER: Alpha(opacity=100,finishOpacity=0,style=2); WIDTH: 320px; HEIGHT: 250px; moz-opacity: 1" src="圖片地址" border=0> 3、鏡向反轉(zhuǎn)效果代碼: <IMG style="FILTER: FlipH(); WIDTH: 320px; HEIGHT: 250px" src="圖片地址" border=0> 4,、水波倒影效果代碼: <IMG src="圖片地址" width=320><BR><IMG style="FILTER: wave(strength=8,freq=15,phase=0,lightstrength=8) blur() flipv()" src="圖片地址" width=320> 5、模擬浮雕效果代碼: <IIMG title="" style="FILTER: progid:DXImageTransform.Microsoft.Emboss(Bias=0.5)" alt="" src="圖片地址" border=0> 6,、黑白懷舊效果代碼: <IMG style="FILTER: Gray(); WIDTH: 320px; HEIGHT: 250px" src="圖片地址" border=0> <IMG style="FILTER: Alpha(opacity=100,finishOpacity=0,style=1); WIDTH: 320px; HEIGHT: 250px; moz-opacity: 1" src="圖片地址" border=0> <IMG style="FILTER: blur(strength=70); WIDTH: 320px; HEIGHT: 250px" height=480 src="圖片地址" width=320 border=0> <IMG title="" style="FILTER: FlipH" alt="" src="圖片地址"><IMG title="" alt="" src="圖片地址"> 使用說明:以上代碼中的320是圖片的長度,,250是圖片的高度,,可自行更改,。《圖片地址》四個(gè)字的地方換成需要的圖片代碼即可,。
怎樣用純色碼任意多彩霧化圖片
<CENTER>
<TABLE style="BACKGROUND: #ff0000"> <TBODY> <TR> <TD><IMG style="FILTER: progid:DximageTransform.Microsoft.Alpha(opacity=0, Finishopacity=100, style=1, startx=100, Finishx=0, startY=0, FinishY=100); CURSOR: hand" src="粘貼圖片地址" border=0></TD></TR></TBODY></TABLE></CENTER>> 【使用說明】:這是HTML模式中,,彩色霧化圖片代碼中其中的一組,須在HTML編輯模式狀態(tài)下使用以上代碼,。1,、代碼中的桃色ff0000 代表要霧化的顏色,可以用16進(jìn)制以內(nèi)的顏色任意改變成您想要的主色調(diào),,16進(jìn)制顏色參考明細(xì)表請(qǐng)點(diǎn)擊這里,。2、代碼中的紅色粘貼圖片地址六個(gè)漢字必須刪除,,并換上您自己想要的圖片地址,。
多圖片代碼任意定位加疊法代碼如下 <TABLE style="BORDER-RIGHT: #ff00ff 4px ridge; BORDER-TOP: #ff000ff 4px ridge; LEFT: 0px; OVERFLOW: hidden; BORDER-LEFT: #ff00ff 4px ridge; BORDER-BOTTOM: #ff00ff 4px ridge" height=400 cellSpacing=0 cellPadding=0 width=600 align=center border=5>
<TBODY> <TR> <TD> <TABLE style="BACKGROUND-IMAGE: url(粘貼底圖地址)" borderColor=#000000 cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#000000 border=0> <TBODY> <TR> <TD> <P style="MARGIN-TOP: -10px; MARGIN-LEFT: 100px" align=left><IMG src="粘貼要定位的圖片地址"></P> <P style="MARGIN-TOP: -30px; MARGIN-LEFT: 130px" align=left><IMG src="粘貼要定位的圖片地址"></P> <P style="MARGIN-TOP: -60px; MARGIN-LEFT: 250px" align=left><IMG src="粘貼要定位的圖片地址"></P> <P style="MARGIN-TOP: -80px; MARGIN-LEFT: 370px" align=left><IMG src="粘貼要定位的圖片地址"></P> <P style="MARGIN-TOP: -90px; MARGIN-LEFT: 486px" align=left><IMG src="粘貼要定位的圖片地址"></P> 更多圖片添加點(diǎn)</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
【使用說明】:這是HTML模式圖片定位代碼中其中的一組,須在HTML編輯模式狀態(tài)下使用以上代碼,。1,、代碼中所有的桃色#ff00ff 4px 代表邊框的四邊的顏色。2,、代碼中所有的蘭色width=600 height=400 數(shù)值代表邊框或圖片的長,、寬度。3,、代碼中所有的紫色border=5代表邊框和圖片之間的間距,。4,、代碼中的紅色粘貼底圖圖片地址都要?jiǎng)h除并換上圖片地址。5,、代碼中所有的棕色MARGIN-TOP: -10px;代表內(nèi)框與外框上下的間距,,MARGIN-LEFT: 100px代表內(nèi)框與外框左右的間距。6,、代碼中所有的粘貼要定位的圖片地址必須刪除并換上自己要的圖片地址,。7、代碼中的褐色更多圖片添加點(diǎn)是添加更多圖片時(shí)所做的標(biāo)記,,無須添加記得刪除,!8、如需添加更多圖片,,復(fù)制代碼中桃色底色<P style=,、、,、,、地址">部分,重復(fù)粘貼到更多圖片添加點(diǎn)的地方,,并刪除更多圖片添加點(diǎn)這七個(gè)漢字,,換上您的圖片地址!9,、代碼中所有的數(shù)字部分可根據(jù)實(shí)際需要自行調(diào)整,。
圖片四角定位滾動(dòng)特效完整代碼如下
<DIV align=center>
【使用說明】:這是HTML模式滾動(dòng)代碼中其中的一組,須在HTML編輯模式狀態(tài)下復(fù)制粘貼使用以上代碼,。1,、代碼中所有的棕色#ff00ff代表邊框的顏色。2,、代碼中所有的深綠4px代表邊框的粗細(xì),。3、代碼中所有的蘭色width=600 代表邊框或圖片的寬度,。4,、代碼中所有的紫色border=5代表邊框和圖片之間的間距。4,、代碼中的紅色粘貼底圖圖片地址都要?jiǎng)h除并換上圖片地址,。5、代碼中橙色MARGIN-TOP: 0px代表內(nèi)框與外框上下的間距,。6,、代碼中的綠色MARGIN-LEFT: 2px代表內(nèi)框與外框左右的間距。7、代碼中的桃色WIDTH: 500px和HEIGHT: 400px代表內(nèi)框的長寬度,。代碼中所有的粘貼滾動(dòng)圖片地址桃必須刪除并換上自己要的圖片地址,。8、代碼中的褐色更多圖片添加點(diǎn)是添加更多圖片時(shí)所做的標(biāo)記,,無須添加記得刪除,!9、如需添加更多圖片,,復(fù)制代碼中桃色底色<IMG,、、,、,、、200>部分,,重復(fù)粘貼到更多圖片添加點(diǎn)的中間,,并刪除更多圖片添加點(diǎn)這七個(gè)漢字,別忘了換上您的圖片地址,!<TABLE style="BORDER-RIGHT: #ff00ff 4px ridge; BORDER-TOP: #ff00ff 4px ridge; LEFT: 0px; OVERFLOW: hidden; BORDER-LEFT: #ff00ff 4px ridge; BORDER-BOTTOM: #ff00ff 4px ridge" height=0 cellSpacing=2 cellPadding=0 width=600 align=center border=5> <TBODY> <TR> <TD> <TABLE style="BACKGROUND-IMAGE: url(粘貼底圖圖片地址)" borderColor=#d9006c cellSpacing=10 cellPadding=0 width="100%" align=center bgColor=#000000 border=5> <TBODY> <TR> <TD> <DIV style="MARGIN-TOP: 0px; MARGIN-LEFT: 2px" align=left> <DIV style="BORDER-RIGHT: #ff00ff 4px ridge; BORDER-TOP: #ff0000 4px ridge; LEFT: 0px; OVERFLOW: hidden; BORDER-LEFT: #ff00ff 4px ridge; WIDTH: 500px; BORDER-BOTTOM: #ff00ff 4px ridge; TOP: 10px; HEIGHT: 400px"> <MARQUEE><IMG height=300 src="粘貼滾動(dòng)圖片地址" width=200><IMG height=300 src="粘貼滾動(dòng)圖片地址" width=200><IMG height=300 src="粘貼滾動(dòng)圖片地址" width=200><IMG height=300 src="粘貼滾動(dòng)圖片地址" width=200><IMG height=300 src="粘貼滾動(dòng)圖片地址" width=200><IMG height=300 src="粘貼滾動(dòng)圖片地址" width=200>更多圖片添加點(diǎn)</MARQUEE> </DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV> 多圖片分屏列式滾動(dòng)特效演示如下
|
|