网站、博客制作要有变化。让一张图片若隐若现、前边跑后面追,是不是有些变化、有些新鲜呢?不用软件,用代码编辑就可完成。
工具/原料
代码
方法/步骤
1
获取图片地址。准备一张图片,如果是硬盘照片,需上传取得图片地址。上传完成后,让编辑器处于代码编辑状态,就可复制图片地址,备用。如有现成的网上图片,右击图片,点“属性”,可取得图片地址,放在“记事本”备用。
2
贴入代码。清空编辑器,将下列代码贴入:
3
添加。将本文第一步获取的图片地址添加到第二步“图片地址”那里。这时只是一张图片在躲躲闪闪,较单纯。
4
形成效果。复制本文第三步代码,在下面重复贴一次、二次、三次……这时效果就多了,可以试试。
5
调整速度。调整scrollAmount的值即可。
6
协调。效果好不好,要看几个代码的协调,如图片的大小(本文第一步时就设计好)、显示宽度(width)、移动速度(scrollAmount)。这几项要配合好。如果有问题,就出在这里。
注意事项
这组代码其实挺简单的。behavior是滚动方式;alternate表示在两端之间来回滚动。也可试试其它的滚动方式。
上一篇:好看视频应用APP在哪里开播操作