多图片代码任意定位加叠法代码如下

魅力芙蓉 2011-08-10

展开全文

怎样用代码设置图片滤镜特效

1、X光滤镜效果代码：

2、圆形合成效果代码：

3、镜向反转效果代码：

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是图片的高度，可自行更改。《图片地址》四个字的地方换成需要的图片代码即可。

怎样用纯色码任意多彩雾化图片

【使用说明】：这是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 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编辑模式状态下使用以上代码。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 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编辑模式状态下复制粘贴使用以上代码。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=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代表边缘空白距离的大小，调整代码中的数字，可以改变图片边缘空白的距离，数字越大边缘空白就会越大；兰底黄字代码cwidth=870中的“870”代表显示图片的总宽度，可自行调整。桃底黄子代码border=1代表图片的边框，调整里面的数字，可以改变图片边框的粗细，“0”为无边框；红底黑字粘贴您的图片地址代表要删除的部分，并换上您需要的图片地址；【多图分屏列式滚动特效关键说明】：1、在HTML编辑模式状态下，复制粘贴以上代码。2、再次复制红底部分的代码。3、把《向下粘贴》四个字逐一删除，并把红底部分的代码粘贴到《向下粘贴》四个字的位置上，想要几张图，就贴几次。4、最后，再把每个代码中的粘贴您的图片地址删除，换上自己想要的图片地址就卡拉OK！