多圖片代碼任意定位加疊法代碼如下

魅力芙蓉 2011-08-10

展開全文

怎樣用代碼設(shè)置圖片濾鏡特效

1、X光濾鏡效果代碼：

2、圓形合成效果代碼：

3、鏡向反轉(zhuǎn)效果代碼：

4、水波倒影效果代碼：

5、模擬浮雕效果代碼：

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、左右鏡向效果代碼：

使用說明：以上代碼中的320是圖片的長度，250是圖片的高度，可自行更改?！秷D片地址》四個字的地方換成需要的圖片代碼即可。

怎樣用純色碼任意多彩霧化圖片

【使用說明】：這是HTML模式中，彩色霧化圖片代碼中其中的一組，須在HTML編輯模式狀態(tài)下使用以上代碼。1、代碼中的桃色ff0000 代表要霧化的顏色，可以用16進制以內(nèi)的顏色任意改變成您想要的主色調(diào)，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 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>

更多圖片添加點</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、代碼中的紅色粘貼底圖圖片地址都要刪除并換上圖片地址。5、代碼中所有的棕色MARGIN-TOP: -10px;代表內(nèi)框與外框上下的間距，MARGIN-LEFT: 100px代表內(nèi)框與外框左右的間距。6、代碼中所有的粘貼要定位的圖片地址必須刪除并換上自己要的圖片地址。7、代碼中的褐色更多圖片添加點是添加更多圖片時所做的標記，無須添加記得刪除！8、如需添加更多圖片，復制代碼中桃色底色<P style=、、、、地址">部分，重復粘貼到更多圖片添加點的地方，并刪除更多圖片添加點這七個漢字，換上您的圖片地址！9、代碼中所有的數(shù)字部分可根據(jù)實際需要自行調(diào)整。

圖片四角定位滾動特效完整代碼如下

<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 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="粘貼滾動圖片地址" 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編輯模式狀態(tài)下復制粘貼使用以上代碼。1、代碼中所有的棕色#ff00ff代表邊框的顏色。2、代碼中所有的深綠4px代表邊框的粗細。3、代碼中所有的蘭色width=600 代表邊框或圖片的寬度。4、代碼中所有的紫色border=5代表邊框和圖片之間的間距。4、代碼中的紅色粘貼底圖圖片地址都要刪除并換上圖片地址。5、代碼中橙色MARGIN-TOP: 0px代表內(nèi)框與外框上下的間距。6、代碼中的綠色MARGIN-LEFT: 2px代表內(nèi)框與外框左右的間距。7、代碼中的桃色WIDTH: 500px和HEIGHT: 400px代表內(nèi)框的長寬度。代碼中所有的粘貼滾動圖片地址桃必須刪除并換上自己要的圖片地址。8、代碼中的褐色更多圖片添加點是添加更多圖片時所做的標記，無須添加記得刪除！9、如需添加更多圖片，復制代碼中桃色底色<IMG、、、、、200>部分，重復粘貼到更多圖片添加點的中間，并刪除更多圖片添加點這七個漢字，別忘了換上您的圖片地址！

多圖片分屏列式滾動特效演示如下

復制代碼如下：<TABLE cellSpacing=5 cellPadding=0 width=875 align=center border=1><TBODY>
<TR><TD align=middle>
<MARQUEE><IMG src="粘貼您的圖片地址"></MARQUEE></TD>
向下粘

貼</TR></TBODY></TABLE>

【使用說明】：這是一組最簡單的HTML模式滾動代碼，綠底黃字的代碼cellSpacing=5代表邊緣空白距離的大小，調(diào)整代碼中的數(shù)字，可以改變圖片邊緣空白的距離，數(shù)字越大邊緣空白就會越大；蘭底黃字代碼cwidth=870中的“870”代表顯示圖片的總寬度，可自行調(diào)整。桃底黃子代碼border=1代表圖片的邊框，調(diào)整里面的數(shù)字，可以改變圖片邊框的粗細，“0”為無邊框；紅底黑字粘貼您的圖片地址代表要刪除的部分，并換上您需要的圖片地址；【多圖分屏列式滾動特效關(guān)鍵說明】：1、在HTML編輯模式狀態(tài)下，復制粘貼以上代碼。2、再次復制紅底部分的代碼。3、把《向下粘貼》四個字逐一刪除，并把紅底部分的代碼粘貼到《向下粘貼》四個字的位置上，想要幾張圖，就貼幾次。4、最后，再把每個代碼中的粘貼您的圖片地址刪除，換上自己想要的圖片地址就卡拉OK！