在博客中加入滚动的图片(博客代码)(博客特效)

1.文章添加法:将原始代码在《特效代码检验器》 里转化为效果,复制效果在文章发布。或写文章时:点击代码-放好代码-点击设计-发表文章即可!

2.自定义HTML模块添加法:把原始代码放到自定义HTML模块保存即可，附:《如何添加自定义html模块 》

最近，在朋友们之间往来，发现博客页面有滚动的图片非常漂亮，也非常羡慕，期盼有朝一日自己的页面也能装上，来撑撑门面。所以，近期笔者就留意在网上寻觅其代码，找到后尝试了几次，都没有成功。由于时间忙，抽不出来身，也就放弃了。今天是周末，笔者再次进行了尝试，并获得了成功。

为了报答喜欢我的博友长期对我的支持和帮助，以及结识更多的新朋友，现就把滚动的图片如何能装在自己博客的页面上，无私奉献给你们，希望你们能够喜欢。

需要说明的是：这套源代码不是笔者原创，而是对其进行了修改、增加和完善，并对其相关知识点进行了解读，还附有具体操作要点。这是笔者通过实践证实了如下代码的可操作性，在某种程度上来说，也是笔者的一种劳动的结果。同时，也是你们很难找到的，是真的，请你们亲自尝试一下。具体如下：

一、滚动效果

二、上套滚动的图片代码

<marquee  scrollamount="4" scrolldelay="60" direction="left" width="438" height="260" >
<img height="260" src="http://www.blog286.com/upfile/img/071209/1_081856.jpg" width="173" border="0" />
<img height="260" src="http://www.blog286.com/upfile/img/071209/1_081917.jpg" width="173" border="0" />
<img height="260" src="http://www.blog286.com/upfile/img/071209/1_081951.jpg" width="173" border="0" />
<img height="260" src="http://www.blog286.com/upfile/img/071209/1_082010.jpg" width="173" border="0" />
<img height="260" src="http://www.blog286.com/upfile/img/071209/1_082034.jpg" width="173" border="0" />
<img height="260" src="http://www.blog286.com/upfile/img/071209/1_082046.jpg" width="173" border="0" />
<img height="260" src="http://www.blog286.com/upfile/img/071209/1_082057.jpg" width="173" border="0" />
<img height="260" src="http://www.blog286.com/upfile/img/071209/1_082108.jpg" width="173" 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、<img height="260" src="http://www.blog286.com/upfile/img/071209/1_082108.jpg" width="173" border="0" />：这也是固定的，表示一张

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

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

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

http://www.blog286.com/upfile/img/071209/1_082108.jpg：这是你需要相片的网址，可随意调整。

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

四、操作要点

1、关于图片地址：以前我没有成功，主要就差在如何选择图片地址上。这对以前的我和初学者来说是最难对付的，也是最难找的、最难确定的一个环节，不信，你就自己找吧。其实，找图片地址很简单，只要鼠标对准你要选择的图片，点击右键——选择属性——点击后——图片的地址就在上面显示，同时，也有图片的大小，等等。但对于你自己博客中的的图片，点击到一张相片的界面后，在按上述的方法查找地址。对于其他照片也是如此。

2、关于镶嵌图片大小的确认。我们都知道，图片的大小千变万化，大小不一，而自定义的栏目却是固定的。如果不采取一定的技巧，你装入的图片就会走形，不美观，所以本人的技巧如下：还是举例说明吧，这样比较直观易懂。如：图片为1024*768：表示这张图片大小为长1024，高768，那1024/768==1.3333，这是一个比例，你要装入的图片固定高=260后，那长=260*1.3333=347。以此类推，错不了。

最后，成功装扮到自己页面上的朋友们，如果喜欢的话，可不要忘记了顶一下呀。哈哈，只要你们开心，我就愉快！