多语言展示
当前在线:1645今日阅读:23今日分享:25

让图片产生摄录效果一样的移动

网上图片千变万化。把一张图片放到比它小的框内,形成上下左右移动全面展示,效果就像摄像机正在摄像一样。有兴趣的可以试试。        下面是4张截图。
工具/原料
1

自己的网站或博客

2

代码

方法/步骤
1

先准备一张图片。如果是硬盘的,要上传;网上现有图片更好,右击图片,点“属性”,复制图片地址,放到“记事本”备用。

2

进入网站或博客后台编辑器,并处于代码编辑状态,将下列代码贴入:

然后,把本文第一步备用的图片地址,贴到这组代码“图片地址那里。

3

修改边框的宽度、高度。WIDTH: 550px是宽度,HEIGHT: 250px是高度。要注意调整到与图片合适。

4

调整移动速度。scrollAmount的值即是。

5

修改边框颜色。带#标志的值就是。注意要更换四处。

6

修改边框宽度。这组代码中的“5px”就是,注意要更换四处。数字越大边框越宽。

注意事项

有的博客不支持这类代码,效果显示不出来,这不是制作问题。

推荐信息