〓★〓灵活运用代码做特效移动图片〓★〓

空间素材

图片
可以灵活运用代码做特效移动图片,我在 [顶] 〓★〓制作特效移动图片【6】〓★〓 取四组代码(下一个框中的四组代码就是)做给朋友们看,看看是怎么灵活运用代码来做出特效移动图片的。以此类推,可做出多种样式来。
制作时,我只修改了代码中TOP:100px(纵坐标)和LEFT:100px(横坐标)的数值。若不喜欢图片是羽化的,可以把代码中的(opacity=100,style=33改成0,这样羽化效果就没了。

申明:本人的水平还很低,只是做给不太懂代码的朋友怎么运用代码做出自己心仪的图片来,望高手见了不要见笑。信天游在此祝所有的网络朋友网游愉快!


1、第四组代码
<div style="BORDER-BOTTOM:#cccccc 6px ridge;POSITION:absolute;FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M12=
0.6, M21=0 , M22=1,SizingMethod='auto expand') flipH;BORDER-LEFT:#cccccc 6px ridge;WIDTH:190px;HEIGHT:230px;BORDER-TOP:#cccccc 6px ridge;TOP:100px;BORDER-RIGHT:#cccccc 6px ridge;LEFT:100px;J:CH">
<MARQUEE><table align="center" alt="ygqt"><TBODY><TR><TD>
<IMG style="FILTER:alpha(opacity=100,style=3) flipH" src="
图片地址" height="230">
</TD></TR></TBODY>
</table></MARQUEE></div>
2、第一组代码
<div style="BORDER-BOTTOM:#cccccc 6px ridge;POSITION:absolute;FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M12=0.6, M21=0 , M22=1,SizingMethod='auto expand');BORDER-LEFT:#cccccc 6px ridge;WIDTH:190px;HEIGHT:230px;BORDER-TOP:#cccccc 6px ridge;TOP:100px;BORDER-RIGHT:#cccccc 6px ridge;LEFT:100px;J:CH">
<MARQUEE><table align="center" alt="ygqt">
<TBODY><TR><TD>
<IMG style="FILTER:alpha(opacity=100,style=3)" src="
图片地址" height="230">
</TD></TR></TBODY>

</table></MARQUEE></div>
3、第三组代码
<div style="BORDER-BOTTOM:#cccccc 6px ridge;POSITION:absolute;FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M12=-0.6, M21=0 , M22=1,SizingMethod='auto expand') flipH;BORDER-LEFT:#cccccc 6px ridge;WIDTH:190px;HEIGHT:230px;BORDER-TOP:#cccccc 6px ridge;TOP:100px;BORDER-RIGHT:#cccccc 6px ridge;LEFT:100px;J:CH">
<MARQUEE><table align="center" alt="ygqt"><TBODY><TR><TD>
<IMG style="FILTER:alpha(opacity=100,style=3) flipH" src="
图片地址" height="230">
</TD></TR></TBODY>
</table></MARQUEE></div>
4、第二组代码
<div style="BORDER-BOTTOM:#cccccc 6px ridge;POSITION:absolute;FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M12=-0.6, M21=0 , M22=1,SizingMethod='auto expand');BORDER-LEFT:#cccccc 6px ridge;WIDTH:190px;HEIGHT:230px;BORDER-TOP:#cccccc 6px ridge;TOP:100px;BORDER-RIGHT:#cccccc 6px ridge;LEFT:100px;J:CH">
<MARQUEE><table align="center" alt="ygqt">
<TBODY><TR><TD>
<IMG style="FILTER:alpha(opacity=100,style=3)" src="
图片地址" height="230">
</TD></TR></TBODY>

</table></MARQUEE></div>
 

图片

信天游制作

灵活运用代码做特效移动图片

素材 网络 制作 信天游 QQ 2209201304

文章评论