圖片移動及代碼（二）

代碼/網路 整理製作/紫玫瑰

4、圖片來回飄動 紫玫瑰習作效果圖 A

代碼：

<MARQUEE onmouseover=stop() onmouseout=start() scrollAmount=1 direction=down behavior=alternate height=200><MARQUEE scrollAmount=4 direction=right behavior=alternate><A href="http://s11.sinaimg.cn/small/8810314cgba93002b655a&690"><IMG style="WIDTH: 200px; HEIGHT: 130px" src="https://www.getit01.com/getimg_360.php?url=http://s4.sinaimg.cn/middle/8810314cgba92ffe11e03&amp;690" border=1></A></MARQUEE></MARQUEE>

5、圖片由右向左上下飄動

代碼：

<MARQUEE><MARQUEE direction=up behavior=alternate height=300><IMG src="https://www.getit01.com/getimg_360.php?url=http://s11.sinaimg.cn/middle/8810314cgba93002b655a&amp;690"><IMG src="https://www.getit01.com/getimg_360.php?url=http://s15.sinaimg.cn/middle/8810314cgba92ffee3dce&amp;690">

</MARQUEE></MARQUEE>

6、多圖片由下向上移動

代碼：

<MARQUEE direction=up><P align=center><IMG height=280 src="https://www.getit01.com/getimg_360.php?url=http://image71.360doc.com/DownloadImg/2014/03/2810/40308115_7.jpg" width_=170> <IMG height=280 src="https://www.getit01.com/getimg_360.php?url=http://s15.sinaimg.cn/middle/8810314cgba930adf2c7e&amp;690" width_=160> <IMG height=280 src="https://www.getit01.com/getimg_360.php?url=http://s8.sinaimg.cn/middle/8810314cgb9f2b247bf47&amp;690" width_=160> <IMG height=280 src="https://www.getit01.com/getimg_360.php?url=http://s3.sinaimg.cn/middle/8810314cgba930ae15b92&amp;690" width_=160> </P></MARQUEE>

7、多圖片由上向下移動

代碼：

<MARQUEE direction=down height=280 widhth="200"><P align=right><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://image71.360doc.com/DownloadImg/2014/03/2810/40308115_7.jpg" width_=150> <IMG src="https://www.getit01.com/getimg_360.php?url=http://s15.sinaimg.cn/middle/8810314cgba930adf2c7e&690" width_=150> <IMG src="https://www.getit01.com/getimg_360.php?url=http://image71.360doc.com/DownloadImg/2014/03/2810/40308115_9.jpg" width_=150> <IMG src="https://www.getit01.com/getimg_360.php?url=http://s3.sinaimg.cn/middle/8810314cgba930ae15b92&690" width_=150> </P></MARQUEE

8、多圖片左右來回移動

紫玫瑰習作效果圖E

<MARQUEE behavior=alternate><P align=left><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://image71.360doc.com/DownloadImg/2014/03/2810/40308115_7.jpg" width_=150> <IMG src="https://www.getit01.com/getimg_360.php?url=http://s15.sinaimg.cn/middle/8810314cgba930adf2c7e&690" width_=150> <IMG src="https://www.getit01.com/getimg_360.php?url=http://s8.sinaimg.cn/middle/8810314cgb9f2b247bf47&690" width_=150> </P></MARQUEE>

9、圖片有上下向中間靠攏

代碼：

<MARQUEE direction=down><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://image71.360doc.com/DownloadImg/2014/03/2810/40308115_11.jpg"> </P></MARQUEE><MARQUEE direction=up><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://image71.360doc.com/DownloadImg/2014/03/2810/40308115_11.jpg"> </P></MARQUEE>

10、圖片由中間向上下兩邊分

代碼：

<MARQUEE direction=up><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://image71.360doc.com/DownloadImg/2014/03/2810/40308115_11.jpg"> </P></MARQUEE><MARQUEE direction=down><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://image71.360doc.com/DownloadImg/2014/03/2810/40308115_11.jpg"> </P></MARQUEE>

具體操作步驟：

1、獲取圖片地址的方法：滑鼠放在動態圖片上點擊右鍵——點屬性——複製地址即可。

2、複製代碼——點擊「發博文」——勾選「顯示源代碼」框——將以上代碼粘貼——紅色圖片地址換成您你自己喜歡的圖片地址即可。