图片移动及代码（二）

图片移动及代码（二）

(2012-02-21 22:08:13)

转载▼

标签： 【博客美化】

分类： 【博客美化】

图片移动及代码（二）   代码/网络   整理制作/紫玫瑰 4、图片来回飘动    紫玫瑰习作效果图 A    代码： <MARQUEE onmouseover=stop() onmouseout=start() scrollAmount=1 direction=down behavior=alternate width="100%" 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="http://s4.sinaimg.cn/middle/8810314cgba92ffe11e03&690" border=1></A></MARQUEE></MARQUEE>    5、图片由右向左上下飘动 紫玫瑰习作效果图 B  代码： <MARQUEE> <MARQUEE direction=up behavior=alternate height=300><IMG src="http://s11.sinaimg.cn/middle/8810314cgba93002b655a&690"><IMG src="http://s15.sinaimg.cn/middle/8810314cgba92ffee3dce&690"> </MARQUEE></MARQUEE>   6、多图片由下向上移动 紫玫瑰习作效果图 C 代码： <MARQUEE direction=up> <P align=center><IMG height=280 src="http://image71.360doc.com/DownloadImg/2014/03/2810/40308115_7.jpg" width=170> <IMG height=280 src="http://s15.sinaimg.cn/middle/8810314cgba930adf2c7e&690" width=160> <IMG height=280 src="http://s8.sinaimg.cn/middle/8810314cgb9f2b247bf47&690" width=160> <IMG height=280 src="http://s3.sinaimg.cn/middle/8810314cgba930ae15b92&690" width=160> </P></MARQUEE>     7、多图片由上向下移动 紫玫瑰习作效果图 D         代码： <MARQUEE direction=down height=280 widhth="200"> <P align=right> <P align=center><IMG src="http://image71.360doc.com/DownloadImg/2014/03/2810/40308115_7.jpg" width=150> <IMG src="http://s15.sinaimg.cn/middle/8810314cgba930adf2c7e&690" width=150> <IMG src="http://image71.360doc.com/DownloadImg/2014/03/2810/40308115_9.jpg" width=150> <IMG src="http://s3.sinaimg.cn/middle/8810314cgba930ae15b92&690" width=150> </P></MARQUEE      8、多图片左右来回移动 紫玫瑰习作效果图 E        代码： <MARQUEE behavior=alternate> <P align=left> <P align=center><IMG src="http://image71.360doc.com/DownloadImg/2014/03/2810/40308115_7.jpg" width=150> <IMG src="http://s15.sinaimg.cn/middle/8810314cgba930adf2c7e&690" width=150> <IMG src="http://s8.sinaimg.cn/middle/8810314cgb9f2b247bf47&690" width=150> </P></MARQUEE>   9、图片有上下向中间靠拢  紫玫瑰习作效果图 F          代码： <MARQUEE direction=down> <P align=center><IMG src="http://image71.360doc.com/DownloadImg/2014/03/2810/40308115_11.jpg"> </P></MARQUEE> <MARQUEE direction=up> <P align=center><IMG src="http://image71.360doc.com/DownloadImg/2014/03/2810/40308115_11.jpg"> </P></MARQUEE>     10、 图片由中间向上下两边分  紫玫瑰习作效果图 Q     代码： <MARQUEE direction=up> <P align=center><IMG src="http://image71.360doc.com/DownloadImg/2014/03/2810/40308115_11.jpg"> </P></MARQUEE> <MARQUEE direction=down> <P align=center><IMG src="http://image71.360doc.com/DownloadImg/2014/03/2810/40308115_11.jpg"> </P></MARQUEE>   具体操作步骤： 1、获取图片地址的方法：鼠标放在动态图片上点击右键——点属性——复制地址即可。  2、复制代码——点击“发博文”——勾选“显示源代码”框——将以上代码粘贴——红色图片地址换成您你自己喜欢的图片地址即可。