多圖片代碼任意定位加疊法代碼如下
07-05
怎樣用代碼設置圖片濾鏡特效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、鏡向反轉效果代碼:<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>7、性線合成效果代碼:<IMG style="FILTER: Alpha(opacity=100,finishOpacity=0,style=1); WIDTH: 320px; HEIGHT: 250px; moz-opacity: 1" src="圖片地址" border=0>8、性線合成效果代碼:<IMG style="FILTER: blur(strength=70); WIDTH: 320px; HEIGHT: 250px" height=480 src="圖片地址" width_=320 border=0>9、左右鏡向效果代碼:<IMG title="" style="FILTER: FlipH" alt="" src="圖片地址"><IMG title="" alt="" src="圖片地址">使用說明:以上代碼中的320是圖片的長度,250是圖片的高度,可自行更改。《圖片地址》四個字的地方換成需要的圖片代碼即可。怎樣用純色碼任意多彩霧化圖片<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編輯模式狀態下使用以上代碼。1、代碼中的桃色ff0000 代表要霧化的顏色,可以用16進位以內的顏色任意改變成您想要的主色調,16進位顏色參考明細表請點擊這裡。2、代碼中的紅色粘貼圖片地址六個漢字必須刪除,並換上您自己想要的圖片地址。多圖片代碼任意定位加疊法代碼如下<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 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>更多圖片添加點</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>【使用說明】:這是HTML模式圖片定位代碼中其中的一組,須在HTML編輯模式狀態下使用以上代碼。1、代碼中所有的桃色#ff00ff 4px 代表邊框的四邊的顏色。2、代碼中所有的蘭色width_=600 height=400 數值代表邊框或圖片的長、寬度。3、代碼中所有的紫色border=5代表邊框和圖片之間的間距。4、代碼中的紅色粘貼底圖圖片地址都要刪除並換上圖片地址。5、代碼中所有的棕色MARGIN-TOP: -10px;代表內框與外框上下的間距,MARGIN-LEFT: 100px代表內框與外框左右的間距。6、代碼中所有的粘貼要定位的圖片地址必須刪除並換上自己要的圖片地址。7、代碼中的褐色更多圖片添加點是添加更多圖片時所做的標記,無須添加記得刪除!8、如需添加更多圖片,複製代碼中桃色底色<P style=、、、、地址">部分,重複粘貼到更多圖片添加點的地方,並刪除更多圖片添加點這七個漢字,換上您的圖片地址!9、代碼中所有的數字部分可根據實際需要自行調整。圖片四角定位滾動特效完整代碼如下<DIV align=center><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 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="粘貼滾動圖片地址" width_=200><IMG height=300 src="粘貼滾動圖片地址" width_=200><IMG height=300 src="粘貼滾動圖片地址" width_=200><IMG height=300 src="粘貼滾動圖片地址" width_=200><IMG height=300 src="粘貼滾動圖片地址" width_=200><IMG height=300 src="粘貼滾動圖片地址" width_=200>更多圖片添加點</MARQUEE></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>【使用說明】:這是HTML模式滾動代碼中其中的一組,須在HTML編輯模式狀態下複製粘貼使用以上代碼。1、代碼中所有的棕色#ff00ff代表邊框的顏色。2、代碼中所有的深綠4px代表邊框的粗細。3、代碼中所有的蘭色width_=600 代表邊框或圖片的寬度。4、代碼中所有的紫色border=5代表邊框和圖片之間的間距。4、代碼中的紅色粘貼底圖圖片地址都要刪除並換上圖片地址。5、代碼中橙色MARGIN-TOP: 0px代表內框與外框上下的間距。6、代碼中的綠色MARGIN-LEFT: 2px代表內框與外框左右的間距。7、代碼中的桃色WIDTH: 500px和HEIGHT: 400px代表內框的長寬度。代碼中所有的粘貼滾動圖片地址桃必須刪除並換上自己要的圖片地址。8、代碼中的褐色更多圖片添加點是添加更多圖片時所做的標記,無須添加記得刪除!9、如需添加更多圖片,複製代碼中桃色底色<IMG、、、、、200>部分,重複粘貼到更多圖片添加點的中間,並刪除更多圖片添加點這七個漢字,別忘了換上您的圖片地址!多圖片分屏列式滾動特效演示如下
複製代碼如下:<TABLE cellSpacing=5cellPadding=0 width_=875 align=center border=1><TBODY><TR><TD align=middle><MARQUEE><IMG src="粘貼您的圖片地址"></MARQUEE></TD>向下粘
貼</TR></TBODY></TABLE>【使用說明】:這是一組最簡單的HTML模式滾動代碼,綠底黃字的代碼cellSpacing=5代表邊緣空白距離的大小,調整代碼中的數字,可以改變圖片邊緣空白的距離,數字越大邊緣空白就會越大;蘭底黃字代碼cwidth_=870中的「870」代表顯示圖片的總寬度,可自行調整。桃底黃子代碼border=1代表圖片的邊框,調整裡面的數字,可以改變圖片邊框的粗細,「0」為無邊框;紅底黑字粘貼您的圖片地址代表要刪除的部分,並換上您需要的圖片地址;【多圖分屏列式滾動特效關鍵說明】:1、在HTML編輯模式狀態下,複製粘貼以上代碼。2、再次複製紅底部分的代碼。3、把《向下粘貼》四個字逐一刪除,並把紅底部分的代碼粘貼到《向下粘貼》四個字的位置上,想要幾張圖,就貼幾次。4、最後,再把每個代碼中的粘貼您的圖片地址刪除,換上自己想要的圖片地址就卡拉OK!
推薦閱讀:
※與海浪搏擊的衝浪運動唯美圖片
※冷戰時期的美蘇登月大戰 圖片(40張)
※素材_動態瀑布 泉水 風景圖片 -
※井艷老師:食管心房調博臨床應用--誘發和終止陣發性室上性心動過速(視頻 圖片)11.9
※【代碼應用】用代碼製作圖片疊影