多张图片移动的代码及使用方法

二.HTML代码

<MARQUEE style="WIDTH: 800px" scrollAmount=5 scrollDelay=30 height=130><IMG src="http://s10.sinaimg.cn/middle/503ff9deg6e30fca84779&690"> 　<IMG src="http://s7.sinaimg.cn/middle/503ff9deg6e30fcb77ed6&690"> 　<IMG src="http://s6.sinaimg.cn/middle/503ff9deg6e30fcd61435&690"> 　<IMG src="http://s14.sinaimg.cn/middle/503ff9deg716b52b5703d&690"> 　<IMG src="http://s4.sinaimg.cn/middle/503ff9deg716b4c92e073&690"> 　<IMG src="http://s10.sinaimg.cn/middle/503ff9deg716b52c02489&690"> 　<IMG src="http://s2.sinaimg.cn/middle/503ff9deg716b52c1ae81&690"> 　<IMG src="http://s11.sinaimg.cn/middle/503ff9deg716b4c8fd4aa&690">

</MARQUEE>

三.操作方法

建议初学者的朋友按如下步骤操作：

1.将上述代码全部用鼠标拖黑，按右键点击【复制】，到您博客博文的编辑界面（就是登陆您的博客——点击【发博文】后），在博文的编辑框下的左面，在【显示源代码】前面打勾，然后在编辑区，按右键，点击【粘贴】，再点击【预览博文】，稍等观看效果。如果有上述效果图的效果，证明您的第一步操作是正确的；

2.关闭预览窗口，回到编辑界面，将您要上传的照片地址依次将我的照片地址覆盖掉（上面代码中绛红色字的），（注：您电脑中文件夹保存的照片，是找不到地址的，请先将照片上传到您博客的相册中，再打开相册，点击照片成大图后，鼠标放在照片上，按右键，点击【属性】，出现新界面，将地址后面的内容复制下来，这就是照片的地址）；

3.根据您的需要，修改一下代码第一排的参数：（以下是我的设置）

<MARQUEE style="WIDTH: 800px" scrollAmount=5 scrollDelay=30 height=130>

说明：WIDTH: 800px:是设置照片的宽度;scrollAmount=5 是设置移动速度，数值越大，速度越快；height=130是设置图片要移动的之间距离

4.如果增加图片或减少图片该怎麽办呢？请您看看上述的代码，再想一想，是不是很有规律的啊，复制其中的一排或删除其中的一排就可以啦！

5.点击【预览博文】，满意就可以点击【发博文】了！

 

查询：http://blog.sina.com.cn/s/blog_8fa04ef10102vafc.html