百叶窗移动效果 附 代码
HTML代码
效果如下 代码如下 <table style="FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M12=0, M21=-0.4, M22=1,SizingMethod='auto expand')" width="800" align="center"> <TBODY><TR><TD> <table style="FILTER:flipH" width="200" align="center"> <TBODY><TR><TD><MARQUEE> <table align="center"> <TBODY><TR><TD> <IMG style="FILTER:alpha(opacity=200,style=2)" src="图片地址" width="300"> </TD></TR></TBODY> </table> </MARQUEE></TD></TR></TBODY> <代码如下/table> </TD><TD> <table style="FILTER:flipH" width="200" align="center"> <TBODY><TR><TD><MARQUEE> <table align="center"> <TBODY><TR><TD> <IMG style="FILTER:alpha(opacity=200,style=2)" src="图片地址" width="300"> </TD></TR></TBODY> </table> </MARQUEE></TD></TR></TBODY> </table> </TD><TD> <table style="FILTER:flipH" width="200" align="center"> <TBODY><TR><TD><MARQUEE> <table align="center"> <TBODY><TR><TD> <IMG style="FILTER:alpha(opacity=200,style=2)" src="图片地址" width="300"> </TD></TR></TBODY> </table> </MARQUEE></TD></TR></TBODY> </table> </TD><TD> <table style="FILTER:flipH" width="200" align="center"> <TBODY><TR><TD><MARQUEE> <table align="center"> <TBODY><TR><TD> <IMG style="FILTER:alpha(opacity=200,style=2)" src="图片地址" width="300"> </TD></TR></TBODY> </table> </MARQUEE></TD></TR></TBODY> </table> </TD></TR></TBODY> </table> </div> 效果如下 代码如下 <table title="代码编辑：天涯若比邻" width="800" align="center"> <TBODY><TR><TD> <table style="FILTER:flipH" width="200" align="center"> <TBODY><TR><TD><MARQUEE> <table align="center"> <TBODY><TR><TD> <IMG style="FILTER:alpha(opacity=200,style=2)" src="图片地址" width="300"> </TD></TR></TBODY> </table> </MARQUEE></TD></TR></TBODY> <代码如下/table> </TD><TD> <table style="FILTER:flipH" width="200" align="center"> <TBODY><TR><TD><MARQUEE> <table align="center"> <TBODY><TR><TD> <IMG style="FILTER:alpha(opacity=200,style=2)" src="图片地址" width="300"> </TD></TR></TBODY> </table> </MARQUEE></TD></TR></TBODY> </table> </TD><TD> <table style="FILTER:flipH" width="200" align="center"> <TBODY><TR><TD><MARQUEE> <table align="center"> <TBODY><TR><TD> <IMG style="FILTER:alpha(opacity=200,style=2)" src="图片地址" width="300"> </TD></TR></TBODY> </table> </MARQUEE></TD></TR></TBODY> </table> </TD><TD> <table style="FILTER:flipH" width="200" align="center"> <TBODY><TR><TD><MARQUEE> <table align="center"> <TBODY><TR><TD> <IMG style="FILTER:alpha(opacity=200,style=2)" src="图片地址" width="300"> </TD></TR></TBODY> </table> </MARQUEE></TD></TR></TBODY> </table> </TD></TR></TBODY> </table> </div> 效果如下 代码如下 <div style="POSITION:absolute;TOP:70px;LEFT:70px"> <table style="FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M12=0, M21=-0.4, M22=1,SizingMethod='auto expand')" title="代码编辑：天涯若比邻" width="800" align="center"> <TBODY><TR><TD> <table width="200" align="center"> <TBODY><TR><TD><MARQUEE> <table align="center"> <TBODY><TR><TD> <IMG style="FILTER:alpha(opacity=200,style=2)" src="图片地址" width="300"> </TD></TR></TBODY> </table> </MARQUEE></TD></TR></TBODY> <代码如下/table> </TD><TD> <table width="200" align="center"> <TBODY><TR><TD><MARQUEE> <table align="center"> <TBODY><TR><TD> <IMG style="FILTER:alpha(opacity=200,style=2)" src="图片地址" width="300"> </TD></TR></TBODY> </table> </MARQUEE></TD></TR></TBODY> </table> </TD><TD> <table width="200" align="center"> <TBODY><TR><TD><MARQUEE> <table align="center"> <TBODY><TR><TD> <IMG style="FILTER:alpha(opacity=200,style=2)" src="图片地址" width="300"> </TD></TR></TBODY> </table> </MARQUEE></TD></TR></TBODY> </table> </TD><TD> <table width="200" align="center"> <TBODY><TR><TD><MARQUEE> <table align="center"> <TBODY><TR><TD> <IMG style="FILTER:alpha(opacity=200,style=2)" src="图片地址" width="300"> </TD></TR></TBODY> </table> </MARQUEE></TD></TR></TBODY> </table> </TD></TR></TBODY> </table> </div> 效果如下 代码如下 <div style="POSITION:absolute;TOP:70px;LEFT:70px"> <table title="代码编辑：天涯若比邻" width="800" align="center"> <TBODY><TR><TD> <table width="200" align="center"> <TBODY><TR><TD><MARQUEE> <table align="center"> <TBODY><TR><TD> <IMG style="FILTER:alpha(opacity=200,style=2)" src="图片地址" width="300"> </TD></TR></TBODY> </table> </MARQUEE></TD></TR></TBODY> <代码如下/table> </TD><TD> <table width="200" align="center"> <TBODY><TR><TD><MARQUEE> <table align="center"> <TBODY><TR><TD> <IMG style="FILTER:alpha(opacity=200,style=2)" src="图片地址" width="300"> </TD></TR></TBODY> </table> </MARQUEE></TD></TR></TBODY> </table> </TD><TD> <table width="200" align="center"> <TBODY><TR><TD><MARQUEE> <table align="center"> <TBODY><TR><TD> <IMG style="FILTER:alpha(opacity=200,style=2)" src="图片地址" width="300"> </TD></TR></TBODY> </table> </MARQUEE></TD></TR></TBODY> </table> </TD><TD> <table width="200" align="center"> <TBODY><TR><TD><MARQUEE> <table align="center"> <TBODY><TR><TD> <IMG style="FILTER:alpha(opacity=200,style=2)" src="图片地址" width="300"> </TD></TR></TBODY> </table> </MARQUEE></TD></TR></TBODY> </table> </TD></TR></TBODY> </table> </div> 以上代码里我每组只加了一个图片代码 如果你想连续不断的移动效果就自己增加图片代码吧 有段时间没写代码了 希望以上代码对喜欢代码音画制作的朋友有所帮助 |
文章评论
蒙上双眼看世界
喜欢！
琴 子
[em]e178[/em][em]e191[/em][em]e190[/em][em]e120[/em][em]e120[/em][em]e120[/em][em]e120[/em][em]e120[/em][em]e120[/em]
阿依莲【禁言休息】
[em]e1000013[/em]
阿依莲【禁言休息】
[em]e1000008[/em]
阿依莲【禁言休息】
[em]e1000007[/em]
和者
[em]e183[/em] [em]e177[/em]
彩 霞【公众号cxmt66】
[em]e179[/em]
彩 霞【公众号cxmt66】
[em]e160[/em]
阿依莲【禁言休息】
让阳光为你深深的祝福，让月光为你默默的祈祷，让每一丝星光和每一缕阳光，都承载着你美好的心愿，愿友幸福，如意，安康！开心快乐每一天！
[em]e257378[/em] [em]e258158[/em] 馨 [em]e328152[/em] 悦 [em]e258158[/em]
℡→_→携一缕秋风将祝福遥寄......☆★
[em]e257378[/em] [em]e258158[/em] 馨 [em]e328152[/em] 悦 [em]e258158[/em]
℡→_→携一缕秋风将祝福遥寄......☆★
淡紫妖瞳小雨儿—严重禁言
空间相遇，是一种美丽，愿美丽闪耀您的人生；空间相遇，是一种幸福，愿幸福伴随您到永久；真诚地祝福：朋友开心、快乐、幸福、平安！【霸道小雨儿诚访】
[em]e257378[/em] [em]e258158[/em] 馨 [em]e328152[/em] 悦 [em]e258158[/em]
[em]e1000008[/em]
[em]e257912[/em]ン★冰儿★づ《拒聊》
气温在下降，友情在升温；时间在溜走，牵挂在增加；空间在转换，问候在跟随；秋叶在飘落，祝福在飘飞；凉风微微吹，关怀留心间；友谊在变长，情谊在变深；留言满空间，快乐在传递。
微笑转身ゞ只为掩饰悲伤
欣赏啦[em]e179[/em] [em]e142[/em]