图片翻转制作方法及代码

 

 

图片翻转制作方法及代码

翻转代码：

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

图片地址：http://image8.360doc.com/DownloadImg/2010/04/0611/2780853_1.jpg

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

 

翻转图片

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

 

 向右翻转：  <P align=center> <IMG height="200 "alt="" src="http://image8.360doc.com/DownloadImg/2010/04/0611/2780853_1.jpg" width="200" border=0><IMG style="FILTER: FlipH" alt="" src="http://image8.360doc.com/DownloadImg/2010/04/0611/2780853_1.jpg"border=0> </P>

 

 

  

 

 

向左翻转： <P align=center><IMG style="FILTER: FlipH" alt="家具园的博客" src="http://image8.360doc.com/DownloadImg/2010/04/0611/2780853_1.jpg"><IMG src="http://image8.360doc.com/DownloadImg/2010/04/0611/2780853_1.jpg" border=0> </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>