最近,有几位朋友发现我博客页面有滚动图片,做得不错,非常羡慕,期盼有朝一日自己的页面也能装上,来撑撑门面,还在我的博客中给我留言,请问如何在博客中加入滚动图片?可以教我吗?我给了他回复,说可以。可那天刚好时间赶,抽不出身,就没跟他说怎么去做。今天有空,把他写出来,希望大家都喜欢,也谢谢博友们长期对我的支持和帮助。如果博友们有兴趣的话也可以自己尝试一下。
具体如下:
一、滚动效果如下图。
二、滚动图片代码。
<marquee scrollamount="5" scrolldelay="60" direction="left" width="438" height="260" >
<img height="250" src="http://i03.c.aliimg.com/club/upload/user/e/3/d/1/e3d146bc219426cf390b926e1fb007d0.jpg" width="250" border="0" />
<img height="250" src="http://i00.c.aliimg.com/club/upload/user/9/c/b/8/9cb8f0f9f8e6df5b690a0fbe4ffbb0d1.jpg" width="250" border="0" />
<img height="250" src="http://i03.c.aliimg.com/club/upload/user/9/8/3/6/983641c198e0467757336e94ade80ab6.jpg" width="250" border="0" />
<img height="250" src="http://i03.c.aliimg.com/club/upload/user/4/e/4/f/4e4fda7c82013b68dc0c4d296234865f.gif" width="250" border="0" />
<img height="250" src="http://i03.c.aliimg.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://i00.c.aliimg.com/club/upload/user/9/c/b/8/9cb8f0f9f8e6df5b690a0fbe4ffbb0d1.jpg" width="173" border="0" />:这也是固定的,表示一张
照片,每增加一个,就增加一张相片,随意增加,直到不让你增加为止:其中:
height="260":数字“260”表示相片的高度,可随意调整,但不能超过自定义板块的高度。
width="173":数字“173”表示相片的底边宽度,可随意调整,但不能超过自定义板块的宽度。
http://i00.c.aliimg.com/club/upload/user/9/c/b/8/9cb8f0f9f8e6df5b690a0fbe4ffbb0d1.jpg:这是你需要相片的网址,可随意调整。
3、</marquee>:这是代码后缀部分,就不用管了,让它始终睡在那里好了。
就这样,滚动图片就在您的博客中出现了。
点击请进:














订阅到
鲜果
抓虾
谷歌

