图片翻转制作方法及代码

翻转代码：

<IMG height="高度" alt="" src="图片地址" width="宽度" border=0><IMG style="FILTER: FlipH" alt="" src="图片地址">

图片地址：http://image9.360doc.com/DownloadImg/2010/04/2723/3026204_1.jpg

原始图片： <P align=center> <IMG height="200 "alt="家具园的博客" src="http://image9.360doc.com/DownloadImg/2010/04/2723/3026204_1.jpg" width="200" border=0></P>

翻转图片

<P align=center><IMG style="FILTER: FlipH" alt="家具园的博客" src="http://image9.360doc.com/DownloadImg/2010/04/2723/3026204_1.jpg" border=0></P>

向右翻转：  <P align=center> <IMG height="200 "alt="" src="http://image9.360doc.com/DownloadImg/2010/04/2723/3026204_1.jpg" width="200" border=0><IMG style="FILTER: FlipH" alt="" src="http://image9.360doc.com/DownloadImg/2010/04/2723/3026204_1.jpg"border=0>&nbsp;</P>

向左翻转： <P align=center><IMG style="FILTER: FlipH" alt="家具园的博客" src="http://image9.360doc.com/DownloadImg/2010/04/2723/3026204_1.jpg"><IMG src="http://image9.360doc.com/DownloadImg/2010/04/2723/3026204_1.jpg" border=0>&nbsp;</P>

注意事项：

1、最后，应该把图片地址和尺寸，替换地址和宽高参数。

2、图片地址和尺寸大小找法：鼠标右键单击图片---属性--地址（URL）后面的地址就是。

同时，可以见到尺寸大小。

翻转小结

左右翻转： <img src="图片地址" style="filter:FlipH">

<div style="filter:FlipH ;width:宽;height:高"><img src="图片地址"></div>

上下翻转：   <img src="图片地址" style="filter:FlipV" >

<div style="filter:FlipV ;width:宽;height:高"><img src="图片地址"></div>

14