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