矩阵特效移动代码效果图〖待续〗

空间素材
















四方形图片从上向下穿越代码
<div style="POSITION:absolute;TOP:纵坐标px;LEFT:横坐标px">
<table align="center" alt="ygqt"><TBODY><TR><TD>
<div style="BORDER-BOTTOM:#cccccc 5px ridge;FILTER:progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=1, M21=-1, M22=1,SizingMethod='auto expand');BORDER-LEFT:#cccccc 5px ridge;WIDTH:边框宽度px;HEIGHT:边框高度px;BORDER-TOP:#cccccc 5px ridge;BORDER-RIGHT:#cccccc 5px ridge;J:CH"><MARQUEE><table align="center" alt="ygqt"><TBODY><TR><TD>
<table align="center" alt="ygqt"><TBODY><TR><TD></TD></TR></TBODY></table>
</TD><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>

  
 

四方形图片从下向上穿越代码
<div style="POSITION:absolute;TOP:纵坐标px;LEFT:横坐标px">
<table align="center" alt="ygqt"><TBODY><TR><TD>
<div style="BORDER-BOTTOM:#cccccc 5px ridge;FILTER:progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-1, M21=1, M22=1,SizingMethod='auto expand');BORDER-LEFT:#cccccc 5px ridge;WIDTH:边框宽度px;HEIGHT:边框高度px;BORDER-TOP:#cccccc 5px ridge;BORDER-RIGHT:#cccccc 5px ridge;J:CH"><MARQUEE><table align="center" alt="ygqt"><TBODY><TR><TD>
<table align="center" alt="ygqt"><TBODY><TR><TD></TD></TR></TBODY></table>
</TD><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>
 

矩形图片从右向左穿越代码
<div style="BORDER-BOTTOM:#cccccc 5px ridge;POSITION:absolute;FILTER:progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0.6, M21=0 , M22=1,SizingMethod='auto expand');BORDER-LEFT:#cccccc 5px ridge;WIDTH:边框宽度px;HEIGHT:边框高度px;BORDER-TOP:#cccccc 5px ridge;TOP:纵坐标px;BORDER-RIGHT:#cccccc 5px ridge;LEFT:横坐标px;J:CH">
<MARQUEE><table align="center" alt="ygqt">
<TBODY><TR><TD>
<IMG style="FILTER:alpha(opacity=100,style=3)" src="图片地址" height="图片高">
<IMG style="FILTER:alpha(opacity=100,style=3)" src="图片地址" height="图片高">
</TD></TR></TBODY>
</table></MARQUEE></div>
 

矩形图片从右向左穿越代码
<div style="BORDER-BOTTOM:#cccccc 5px ridge;POSITION:absolute;FILTER:progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.6, M21=0 , M22=1,SizingMethod='auto expand');BORDER-LEFT:#cccccc 5px ridge;WIDTH:边框宽度px;HEIGHT:边框高度px;BORDER-TOP:#cccccc 5px ridge;TOP:纵坐标px;BORDER-RIGHT:#cccccc 5px ridge;LEFT:横坐标px;J:CH">
<MARQUEE><table align="center" alt="ygqt">
<TBODY><TR><TD>
<IMG style="FILTER:alpha(opacity=100,style=3)" src="图片地址" height="图片高">
<IMG style="FILTER:alpha(opacity=100,style=3)" src="图片地址" height="图片高">
</TD></TR></TBODY>
</table></MARQUEE></div>
 

矩形图片从左向右穿越代码
<div style="BORDER-BOTTOM:#cccccc 5px ridge;POSITION:absolute;FILTER:progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.6, M21=0 , M22=1,SizingMethod='auto expand') flipH;BORDER-LEFT:#cccccc 5px ridge;WIDTH:边框宽度px;HEIGHT:边框高度px;BORDER-TOP:#cccccc 5px ridge;TOP:纵坐标px;BORDER-RIGHT:#cccccc 5px ridge;LEFT:横坐标px;J:CH">
<MARQUEE><table align="center" alt="ygqt"><TBODY><TR><TD>
<IMG style="FILTER:alpha(opacity=100,style=3) flipH" src="图片地址" height="图片高">
<IMG style="FILTER:alpha(opacity=100,style=3) flipH" src="图片地址" height="图片高">
</TD></TR></TBODY>
</table></MARQUEE></div>
 

矩形图片从左向右穿越代码
<div style="BORDER-BOTTOM:#cccccc 5px ridge;POSITION:absolute;FILTER:progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0.6, M21=0 , M22=1,SizingMethod='auto expand') flipH;BORDER-LEFT:#cccccc 5px ridge;WIDTH:边框宽度px;HEIGHT:边框高度px;BORDER-TOP:#cccccc 5px ridge;TOP:纵坐标px;BORDER-RIGHT:#cccccc 5px ridge;LEFT:横坐标px;J:CH">
<MARQUEE><table align="center" alt="ygqt"><TBODY><TR><TD>
<IMG style="FILTER:alpha(opacity=100,style=3) flipH" src="图片地址" height="图片高">
<IMG style="FILTER:alpha(opacity=100,style=3) flipH" src="图片地址" height="图片高">
</TD></TR></TBODY>
</table></MARQUEE></div>
 

矩形图片从下向上穿越代码
<div style="BORDER-BOTTOM:#cccccc 5px ridge;POSITION:absolute;FILTER:progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0.6, M21=0 , M22=1,SizingMethod='auto expand');BORDER-LEFT:#cccccc 5px ridge;WIDTH:边框宽度px;HEIGHT:边框高度px;BORDER-TOP:#cccccc 5px ridge;TOP:纵坐标px;BORDER-RIGHT:#cccccc 5px ridge;LEFT:横坐标px;J:CH">
<div style="WRITING-MODE:tb-rl"><MARQUEE><table align="center" alt="ygqt">
<TBODY><TR><TD>
<IMG style="FILTER:alpha(opacity=100,style=3)" src="图片地址" width="图片宽">
<IMG style="FILTER:alpha(opacity=100,style=3)" src="图片地址" width="图片宽">
</TD></TR></TBODY>
</table></MARQUEE></div></div>
 

矩形图片从下向上穿越代码
<div style="BORDER-BOTTOM:#cccccc 5px ridge;POSITION:absolute;FILTER:progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.6, M21=0 , M22=1,SizingMethod='auto expand');BORDER-LEFT:#cccccc 5px ridge;WIDTH:边框宽度px;HEIGHT:边框高度px;BORDER-TOP:#cccccc 5px ridge;TOP:纵坐标px;BORDER-RIGHT:#cccccc 5px ridge;LEFT:横坐标px;J:CH">
<div style="WRITING-MODE:tb-rl"><MARQUEE><table align="center" alt="ygqt">
<TBODY><TR><TD>
<IMG style="FILTER:alpha(opacity=100,style=3)" src="图片地址" width="图片宽">
<IMG style="FILTER:alpha(opacity=100,style=3)" src="图片地址" width="图片宽">
</TD></TR></TBODY>
</table></MARQUEE></div></div>
 

矩形图片从上向下穿越代码
<div style="BORDER-BOTTOM:#cccccc 5px ridge;POSITION:absolute;FILTER:progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0.6, M21=0 , M22=1,SizingMethod='auto expand');BORDER-LEFT:#cccccc 5px ridge;WIDTH:边框宽度px;HEIGHT:边框高度px;BORDER-TOP:#cccccc 5px ridge;TOP:纵坐标px;BORDER-RIGHT:#cccccc 5px ridge;LEFT:横坐标px;J:CH">
<div style="FILTER:flipH;WRITING-MODE:tb-rl"><MARQUEE><table align="center" alt="ygqt">
<TBODY><TR><TD>
<IMG style="FILTER:alpha(opacity=100,style=3) FlipV" src="图片地址" width="图片宽">
<IMG style="FILTER:alpha(opacity=100,style=3) FlipV" src="图片地址" width="图片宽">
</TD></TR></TBODY>
</table></MARQUEE></div></div>
 

矩形图片从上向下穿越代码
<div style="BORDER-BOTTOM:#cccccc 5px ridge;POSITION:absolute;FILTER:progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.6, M21=0 , M22=1,SizingMethod='auto expand');BORDER-LEFT:#cccccc 5px ridge;WIDTH:边框宽度px;HEIGHT:边框高度px;BORDER-TOP:#cccccc 5px ridge;TOP:纵坐标px;BORDER-RIGHT:#cccccc 5px ridge;LEFT:横坐标px;J:CH">
<div style="FILTER:flipH;WRITING-MODE:tb-rl"><MARQUEE><table align="center" alt="ygqt">
<TBODY><TR><TD>
<IMG style="FILTER:alpha(opacity=100,style=3) FlipV" src="图片地址" width="图片宽">
<IMG style="FILTER:alpha(opacity=100,style=3) FlipV" src="图片地址" width="图片宽">
</TD></TR></TBODY>
</table></MARQUEE></div></div>
 

矩阵特效移动代码课录


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

 







文章评论

∝╬ 埖酔吚亾じ☆ve

[em]e179[/em] [em]e179[/em] [em]e183[/em] [em]e160[/em] [em]e163[/em] [em]e163[/em] [em]e163[/em] [em]e163[/em] [em]e163[/em] [em]e163[/em]

巧巧【大小条都不能评论】

空间是一曲动人的旋律,让人赏心悦目,空间是一座美丽的彩虹桥,连着真诚互动的你我,珍惜网络相遇,珍惜空间缘分,真诚祝福永远相伴!

梦在#天涯

今生有缘,今生相遇。缘聚空间,一生珍惜, 一份情谊, 永藏心里, 一个缘字, 彼此相惜!

巧巧【大小条都不能评论】

空间是一曲动人的旋律,让人赏心悦目,空间是一座美丽的彩虹桥,连着真诚互动的你我,珍惜网络相遇,珍惜空间缘分,真诚祝福永远相伴!

梦在#天涯

今生有缘,今生相遇。缘聚空间,一生珍惜, 一份情谊, 永藏心里, 一个缘字, 彼此相惜!

巧巧【大小条都不能评论】

空间是一曲动人的旋律,让人赏心悦目,空间是一座美丽的彩虹桥,连着真诚互动的你我,珍惜网络相遇,珍惜空间缘分,真诚祝福永远相伴!

梦在#天涯

今生有缘,今生相遇。缘聚空间,一生珍惜, 一份情谊, 永藏心里, 一个缘字, 彼此相惜!

梦之郇{幻}

①份 情 意 → 珍 藏 ① 生[url=http://piccache2.soso.com/face/_13310050929497714370][img,49,39]http://piccache2.soso.com/face/_13310050929497714370[/img][/url]. . . . ·[url=http://piccache4.soso.com/face/_10871288552835782095][img,65,44]http://piccache4.soso.com/face/_10871288552835782095[/img][/url]深情祝福到永远 祝老师快乐 [url=http://piccache1.soso.com/face/_2586067909695779994][img,30,10]http://piccache1.soso.com/face/_2586067909695779994[/img][/url]

network platformToo busy

[url=http://soso3.gtimg.cn/sosopic_f/0/2111830353939572950/100][img]http://soso3.gtimg.cn/sosopic_f/0/2111830353939572950/100?pt=3&ek=1&kp=1&sce=0-12-12[/img][/url] [url=http://soso6.gtimg.cn/sosopic_f/0/15034255234405841364/100][img]http://soso6.gtimg.cn/sosopic_f/0/15034255234405841364/100?pt=3&ek=1&kp=1&sce=0-12-12[/img][/url] [em]e185[/em] [em]e179[/em]