上套滚动的图片代码,以我的博客中滚动图片为例:
把下列代码粘贴在博客公告的源码中,其中加粗的网址可换成你喜欢的图片地址。
<marquee scrollamount="2" scrolldelay="60" direction="left" width="438" height="260" >
<img height="60" src="http://i02.c.aliimg.com/blog/upload/2008/08/19/26977abdbc0f06bfac206a04feb7b9da_s.jpeg" width="80" border="0" />
<img height="60" src="http://i02.c.aliimg.com/blog/upload/2008/08/19/bce2e577cfee48dec8590c09d947f513_s.jpeg" width="80" border="0" />
<img height="60" src="http://blog.ytedu.cn/"http://i01.c.aliimg.com/blog/upload/2008/08/19/804aba44e849c846f41c85d33d8ba048_s.jpeg" width="80" border="0" />
<img height="60" src="http://i04.c.aliimg.com/blog/upload/2008/08/19/504e091f1d7b1ff1d7e06c5c5c45f7f1_s.jpeg" width="80" border="0" />
<img height="60" src="http://i02.c.aliimg.com/blog/upload/2008/08/19/26977abdbc0f06bfac206a04feb7b9da_s.jpeg" width="80" border="0" /><img height="60" src="http://i02.c.aliimg.com/blog/upload/2008/08/19/bce2e577cfee48dec8590c09d947f513_s.jpeg" width="80" border="0" />
<img height="60" src="http://blog.ytedu.cn/"http://i01.c.aliimg.com/blog/upload/2008/08/19/804aba44e849c846f41c85d33d8ba048_s.jpeg" width="80" border="0" />
<img height="60" src="http://i04.c.aliimg.com/blog/upload/2008/08/19/504e091f1d7b1ff1d7e06c5c5c45f7f1_s.jpeg" width="80" 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”表示相片的底边宽度,可随意调整,但不能超过自定义板块的宽度。