陈少燕-恒田水处理博客 http://blog.ebrun.com/blog.php/165,0,1270.html

如何在博客中加入滚动图片？

最近，有几位朋友发现我博客页面有滚动图片，做得不错，非常羡慕，期盼有朝一日自己的页面也能装上，来撑撑门面，还在我的博客中给我留言，请问如何在博客中加入滚动图片？可以教我吗？我给了他回复，说可以。可那天刚好时间赶，抽不出身，就没跟他说怎么去做。今天有空，把他写出来，希望大家都喜欢，也谢谢博友们长期对我的支持和帮助。如果博友们有兴趣的话也可以自己尝试一下。

具体如下：

一、滚动效果如下图。

二、滚动图片代码。

<marquee  scrollamount="5" scrolldelay="60" direction="left" width="438" height="260" >

<img height="250" src=" http://img.china.alibaba.com/club/upload/user/e/3/d/1/e3d146bc219426cf390b926e1fb007d0.jpg" width="250" border="0" />

<img height="250" src=" http://img.china.alibaba.com/club/upload/user/9/c/b/8/9cb8f0f9f8e6df5b690a0fbe4ffbb0d1.jpg" width="250" border="0" />

<img height="250" src=" http://img.china.alibaba.com/club/upload/user/9/8/3/6/983641c198e0467757336e94ade80ab6.jpg" width="250" border="0" />

<img height="250" src=" http://img.china.alibaba.com/club/upload/user/4/e/4/f/4e4fda7c82013b68dc0c4d296234865f.gif" width="250" border="0" />

<img height="250" src=" http://img.china.alibaba.com/club/upload/user/9/d/0/f/9d0fd00490c4db0a465aae3f00fd9c0b.jpg" width="250" border="0" />

</marquee>

三、代码知识点

1<marquee scrollamount="4" scrolldelay="60" direction="left" width="438" height="260"> ，这是固定搭配，不要更改。其中：

scrollamount="4"：数字“4”代表移动速度，可根据自己的情况调整，值在1-15之间，越大移动越快。

scrolldelay="60"：不用理它，就这样好了。

direction="left"：表示方向，：“left ” 向右移动，可改为上：up   下：down   左：right  。

width="438"：数字“438”表示制定义板块的长度（底边长），可根据自己的情况调整。

height="260"：数字“260”表示自定义板块的高度，可根据自己的情况调整。

那么， width="438"  height="260"：结合在一起，表示自定义板块：438（长）/260（高）。

2<imgheight="260" src=" http://img.china.alibaba.com/club/upload/user/9/c/b/8/9cb8f0f9f8e6df5b690a0fbe4ffbb0d1.jpg " width="173" border="0" />：这也是固定的，表示一张

照片，每增加一个，就增加一张相片，随意增加，直到不让你增加为止：其中：

height="260"：数字“260”表示相片的高度，可随意调整，但不能超过自定义板块的高度。

width="173"：数字“173”表示相片的底边宽度，可随意调整，但不能超过自定义板块的宽度。

http://img.china.alibaba.com/club/upload/user/9/c/b/8/9cb8f0f9f8e6df5b690a0fbe4ffbb0d1.jpg：这是你需要相片的网址，可随意调整。

3、</marquee>：这是代码后缀部分，就不用管了，让它始终睡在那里好了。

就这样，滚动图片就在您的博客中出现了。

点击请进：

企业网站               陈少燕旺铺

诚信通旺铺3号     陈少燕旺铺2号