矩阵图片连环穿越代码

空间素材
































矩阵图片连环穿越代码
<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




 欢迎光临我的空间更多精彩点击这里
 


 

欢 迎
光 临

文章评论

/aiq心碎/aiq

矩阵图片连环穿越制作效果好美.老师辛苦了..[em]e160[/em] [em]e183[/em] [em]e163[/em]

學会等待

[em]e160[/em] 老师辛苦了 谢谢老师无私奉献

丛中枫叶

[url=http://soso1.gtimg.cn/sosopic_f/0/5462389604067913156/50][img]http://soso1.gtimg.cn/sosopic_f/0/5462389604067913156/50?pt=3&ek=1&kp=1&sce=0-12-12[/img][/url]