矩阵图片连环穿越代码 <div style="POSITION: absolute; TOP: 纵坐标px; LEFT: 横坐标px;J:CH"> <table width="效果宽度" align="center" height="效果高度" alt="ygqt"> <TBODY><TR><TD vAlign="top" width="边框宽度"> <div style="BORDER-BOTTOM:#cccccc 3px ridge;FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M22=1, M12=0 M21=0.3,SizingMethod='auto expand') flipH;WIDTH:边框宽度px;HEIGHT:边框高度px;BORDER-TOP:#cccccc 3px ridge;J:CH"><MARQUEE> <table style="BORDER-BOTTOM:#cccccc 3px dashed;BORDER-TOP:#cccccc 3px dashed" align="center" alt="【上左】"> <TBODY><TR><TD> <IMG style="FILTER:alpha(opacity=100,style=0)" src="图片地址" height="图片高度"> <IMG style="FILTER:alpha(opacity=100,style=0)" src="图片地址" height="图片高度"> </TD></TR></TBODY> </table></MARQUEE></div></TD><TD vAlign="top" width="边框宽度"> <div style="BORDER-BOTTOM:#cccccc 3px ridge;FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M22=1, M12=0 M21=-0.3,SizingMethod='auto expand') flipH;WIDTH:边框宽度px;HEIGHT:边框高度px;BORDER-TOP:#cccccc 3px ridge;J:CH"><MARQUEE> <table style="BORDER-BOTTOM:#cccccc 3px dashed;BORDER-TOP:#cccccc 3px dashed" align="center" alt="【上右】"> <TBODY><TR><TD> <IMG style="FILTER:alpha(opacity=100,style=0)" src="图片地址" height="图片高度"> <IMG style="FILTER:alpha(opacity=100,style=0)" src="图片地址" height="图片高度"> </TD></TR></TBODY> </table></MARQUEE></div></TD></TR><TR><TD vAlign="top" width="边框宽度"> <div style="BORDER-BOTTOM:#cccccc 3px ridge;FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M22=1, M12=0 M21=0.3,SizingMethod='auto expand');WIDTH:边框宽度px;HEIGHT:边框高度px;BORDER-TOP:#cccccc 3px ridge;J:CH"><MARQUEE> <table style="BORDER-BOTTOM:#cccccc 3px dashed;BORDER-TOP:#cccccc 3px dashed" align="center" alt="【下左】"> <TBODY><TR><TD> <IMG style="FILTER:alpha(opacity=100,style=0)" src="图片地址" height="图片高度"> <IMG style="FILTER:alpha(opacity=100,style=0)" src="图片地址" height="图片高度"> </TD></TR></TBODY> </table></MARQUEE></div></TD><TD vAlign="top" width="边框宽度"> <div style="BORDER-BOTTOM:#cccccc 3px ridge;FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M22=1, M12=0 M21=-0.3,SizingMethod='auto expand');WIDTH:边框宽度px;HEIGHT:边框高度px;BORDER-TOP:#cccccc 3px ridge;J:CH"><MARQUEE> <table style="BORDER-BOTTOM:#cccccc 3px dashed;BORDER-TOP:#cccccc 3px dashed" align="center" alt="【下右】"> <TBODY><TR><TD> <IMG style="FILTER:alpha(opacity=100,style=0)" src="图片地址" height="图片高度"> <IMG style="FILTER:alpha(opacity=100,style=0)" src="图片地址" height="图片高度"> </TD></TR></TBODY> </table></MARQUEE></div></TD></TR></TBODY></table></DIV>
代码说明:边框宽度等于效果宽度的一半,图片高度等于边框高度减6
欢迎光临我的空间更多精彩点击这里
|
文章评论