发文章
发文工具
撰写
网文摘手
文档
视频
思维导图
随笔
相册
原创同步助手
其他工具
图片转文字
文件清理
AI助手
留言交流
不少朋友经常使用多图片滚动,增强了图片的艺术效果。但被一个问题困扰:开始滚动时有空白,而且循环一次就出现一次空白。解决这个问题需要计算出总长度,很繁琐,因此也就很少用。
今天介绍一种简单制作图片无缝滚动的方法,就是用来回滚动来解决这一问题。这样就比较简单了。
上传图片。
把你要制作滚动图片的原始图片,从硬盘上传到博客。你想让几张图片滚动,就上传几张图片。
这里举例用两张图片。
获取图片地址。
上传图片完成后,进入代码编辑,找到图片地址,复制粘贴到“记事本”备用。
编辑滚动图片。
1、先清空编辑器;
2、将下列代码粘贴:
<MARQUEE scrollAmount=3 behavior=alternate>
<A href="图片1" ><IMG src="图片1" ></A>
<A href="图片2" ><IMG src="图片2" ></A>
</MARQUEE>
3、将本文第二步备用的第一张图片地址添加到“图片1”(两个地方);将本文第二步备用的第二张图片地址添加到“图片2”(两个地方)
统一高度。
上边的代码适用于图片一样大的,如果图片不一样大,在IMG后面加上
height=400 (注:400是高度,由自己根据具体情况确定)。
这样,代码就变成这样:
<A href="图片1" ><IMG height=400 src="图片1" ></A>
<A href="图片2" ><IMG height=400 src="图片2" ></A>
多图滚动。
上面是两张图片滚动,如果多图呢?
每增加一张图片,就复制<A href开始到</A>的那一段,粘帖到最后</MARQUEE>的前面。
调整移动速度。
改变scrollAmount的值即可。
来自: 我的东泉屋 > 《移动代码》
0条评论
发表
请遵守用户 评论公约
多图片从右向左和左右移动代码
<marquee width=100% behavior=alternate scrollamount=10><img src="图片地址"width=112 height=112><img sr...
图片移动代码
<MARQUEE width=524 height=350><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"></MARQUEE><MARQUEE direction=right...
移动图片的制作
<MARQUEE><IMG src="图片地址"><IMG src="图片地址"></MARQUEE>以上代码中的<IMG src=...
怎样自制移动相片
<MARQUEE style="WIDTH: 243px; HEIGHT: 200px" scrollAmount=1 scrollDelay=60 direction=up width=243 height=200>&l...
制作滚动的图片
<marquee direction=left scrollamount=4><img src="图片地址1" height=150><img src="图片地址2" height=150><img src="图片地址3" height=150&g...
关于添加图片自下向上移动的代码和方法
一张图片移动的代码<MARQUEE scrollAmount=2 direction=up height=500><CENTER><IMG height=302 src="图片链接地址" width=500></CENTER></MARQUEE>height=40...
滚动图片特效及代码
滚动图片特效及代码滚动图片特效及代码。<MARQUEE scrollAmount=3><A href="链接地址1" target=_blank><IMG s...
图片无缝拼接纵向滚动代码
图片无缝拼接纵向滚动代码。<TR><TD width=图片n宽度 height=图片n高度><IMG src=图片n地址 width=图片n宽度 height=...
风华正茂解惠清(图片向下移动代码)
微信扫码,在手机上查看选中内容