如何把滚动的图片装在博客的首页

一、滚动效果：

 

 

二、代码：

<P> </P>
<MARQUEE scrollAmount=4 scrollDelay=60 width=438 height=260><IMG height=260 src="http://image9.360doc.com/DownloadImg/2010/05/0623/3119275_1.jpg" width=215 border=0> <IMG height=260 src="http://image9.360doc.com/DownloadImg/2010/05/0623/3119275_2.jpg" width=194 border=0> <IMG height=260 src="http://image9.360doc.com/DownloadImg/2010/05/0623/3119275_3.jpg" width=174 border=0> <IMG height=260 src="http://image9.360doc.com/DownloadImg/2010/05/0623/3119275_4.jpg" width=177 border=0> <IMG height=260 src="http://image9.360doc.com/DownloadImg/2010/05/0623/3119275_5.jpg" width=175 border=0> <IMG height=260 src="http://image9.360doc.com/DownloadImg/2010/05/0623/3119275_6.jpg" width=175 border=0> <SRC="HTTP: border="0" width="175" ai24q_2FSUT6buCNKv89-Q='=/2613776633735411366.jpg"' photo img.blog.163.com><IMG height=260 src="http://image9.360doc.com/DownloadImg/2010/05/0623/3119275_7.jpg" width=175 border=0> <IMG height=260 src="http://img.blog.163.com/photo/QP_t884NFXmi-KhUKpd12Q==/888053551522583039.jpg" width=175 border=0> <IMG height=260 src="http://image9.360doc.com/DownloadImg/2010/05/0623/3119275_8.jpg" width=175 border=0> <IMG height=260 src="http://image.bbs.tom.com/data1/pic/69/599/599223_n.jpg" width=180 border=0> <IMG height=260 src="http://image9.360doc.com/DownloadImg/2010/05/0623/3119275_9.jpg" width=195 border=0> <IMG height=260 src="http://image9.360doc.com/DownloadImg/2010/05/0623/3119275_10.jpg" width=347 border=0> <IMG height=260 src="http://source.hi.mop.com/photo/storage/fangle/40/58/DD/1847439/1151298412815.jpg" width=347> </A></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://image9.360doc.com/DownloadImg/2010/05/0623/3119275_1.jpg" width=215 border=0>：这也是固定的，表示一张照片，每增加一个，就增加一张相片，随意增加，直到不让你增加为止：其中：

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

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

http://image9.360doc.com/DownloadImg/2010/05/0623/3119275_1.jpg ：这是你需要相片的网址，可随意调整。

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

四、操作要点

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

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