多语言展示
当前在线:245今日阅读:167今日分享:16

怎样让图片无缝滚动

在博客中,我们经常用到图片滚动,但有一个问题不容易解决,就是多张图片滚动时有空档,不能连续滚动。这里介绍的无缝滚动,采用来回滚动,避开了这一问题。这种方法的最大特点是简单容易,绕开了原来那种不间断无缝滚动需要计算总长度的麻烦过程,简单明了。
工具/原料

博客

方法/步骤
1

按照步骤和提示,上传图片。这里举例用三张图片。注意:图片尺寸应一致(为了简化代码)。

2

点“显示源代码”,进入代码编辑状态,找到图片地址,复制到“记事本”备用。

3

清空代码后,将下列代码粘贴到编辑器:

然后,将本文第二步备用的图片地址,逐一粘贴到上边“图片1-3”的位置。

4

添加更多图片。每增加一张图片,添加一组代码:src='图片' border=0>

5

如改成上下移动,添加代码:direction=up

6

美化。配上音乐、边框等,这里不单介绍。

推荐信息