图片左右斜位移动 素材/雨过天晴 编制/我心依旧
代码1
<div style="POSITION: absolute; TOP: 100px; LEFT: 114px;J:CH">
<table width="650" align="center" height="250" alt="ygqt"><TBODY> <TR><TD vAlign="top" width="325">
<div style="BORDER-BOTTOM:#cccccc 1px ridge;FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M22=1, M12=0 M21=0.3,SizingMethod='auto expand');WIDTH:325px;HEIGHT:150px;BORDER-TOP:#cccccc 1px 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="144"></TD></TR></TBODY>
</table></MARQUEE></div></TD><TD vAlign="top" width="325">
<div style="BORDER-BOTTOM:#cccccc 1px ridge;FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M22=1, M12=0 M21=0.3,SizingMethod='auto expand') flipH;WIDTH:325px;HEIGHT:150px;BORDER-TOP:#cccccc 1px 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="144"></TD></TR></TBODY>
</table></MARQUEE></div></TD></TR></TBODY></table></DIV>
效果图1
代码2
<div>
<div style="LEFT:114px;POSITION:absolute;TOP:100px;J:CH">
<table height="250" width="650" alt="ygqt">
<TBODY><TR><TD vAlign="top" width="325">
<div style="BORDER-BOTTOM:#cccccc 1px ridge;FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M22=1, M12=0 M21=-0.3,SizingMethod='auto expand') flipH;WIDTH:325px;HEIGHT:150px;BORDER-TOP:#cccccc 1px 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="144"></TD></TR></TBODY>
</table></MARQUEE></div></TD><TD vAlign="top" width="325">
<div style="BORDER-BOTTOM:#cccccc 1px ridge;FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M22=1, M12=0 M21=-0.3,SizingMethod='auto expand');WIDTH:325px;HEIGHT:150px;BORDER-TOP:#cccccc 1px 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="144"> </TD></TR></TBODY>
</table></MARQUEE></div></TD></TR></TBODY></table></DIV>
效果图2
代码3
<div style="POSITION: absolute; TOP: 100px; LEFT: 114px;J:CH">
<table width="650" align="center" height="250" alt="ygqt">
<TBODY><TR><TD vAlign="top" width="325">
<div style="BORDER-BOTTOM:#cccccc 1px ridge;FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M22=1, M12=0 M21=-0.3,SizingMethod='auto expand');WIDTH:325px;HEIGHT:150px;BORDER-TOP:#cccccc 1px 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="144"> </TD></TR></TBODY>
</table></MARQUEE></div></TD><TD vAlign="top" width="325">
<div style="BORDER-BOTTOM:#cccccc 1px ridge;FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M22=1, M12=0 M21=-0.3,SizingMethod='auto expand') flipH;WIDTH:325px;HEIGHT:150px;BORDER-TOP:#cccccc 1px 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="144"> </TD></TR></TBODY>
</table></MARQUEE></div></TD></TR></TBODY></table></DIV>
效果图3
代码4
<div style="POSITION: absolute; TOP: 100px; LEFT: 114px;J:CH">
<table width="650" align="center" height="250" alt="ygqt">
<TBODY><TR><TD vAlign="top" width="325">
<div style="BORDER-BOTTOM:#cccccc 1px ridge;FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M22=1, M12=0 M21=0.3,SizingMethod='auto expand') flipH;WIDTH:325px;HEIGHT:150px;BORDER-TOP:#cccccc 1px 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="144"></TD></TR></TBODY>
</table></MARQUEE></div></TD><TD vAlign="top" width="325">
<div style="BORDER-BOTTOM:#cccccc 1px ridge;FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M22=1, M12=0 M21=0.3,SizingMethod='auto expand');WIDTH:325px;HEIGHT:150px;BORDER-TOP:#cccccc 1px 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="144"> </TD></TR></TBODY>
</table></MARQUEE></div></TD></TR></TBODY></table></DIV>
效果图4