当前位置:主页 ? 静态图片变为动态图片

静态图片变为动态图片

? ? ? ? 很喜欢一张图片,想稍加改造形成动态效果。在自己的网站、博客里容易做到。不需要选择软件,用代码编辑就可以。

需要准备的:

自己网站或博客 代码

详细操作方法和步骤:

基本构思是,用自己喜欢的一张图片做背景图,插入一张小的动态图片。 先准备那张小的动态图片。自己有现成的更好,没有的话可在百度搜“鸟的动态图片”,选择一张适合的,右击图片点“属性”,复制图片地址放到“记事本”备用。
进入网站或博客后台编辑器,使之处于代码编辑状态,将下列代码贴入: 然后,将本文第一步备用的图片地址添加到这组代码“动态地址”那里,最后整体复制代码,放到记事本备用。
再准备一张大的背景图。如果是网上现有图片,右击图片,点“属性”,复制图片地址,放到“记事本”备用。
清空编辑器,将下列代码贴入: ? ? ?
小图综合代码
然后,把本文第四步备用的图片地址,贴到这组代码“大图地址”那里。
取消代码编辑,用鼠标移动“小图综合代码”这几个字,移动到合适的位置(小图在大图里的位置)。
再进入代码编辑状态,把本文第二步备用的代码添加到第五步“小图综合代码”那里。 预览,成功!

需要注意的:

小的动图是上下左右飞的,在网站可完全显示。但在有的博客只显示在飞,上下左右动显示不了,这是博客限制一些代码,不是制作问题。

请看图片示例:

静态图片变为动态图片

静态图片变为动态图片

静态图片变为动态图片

静态图片变为动态图片

静态图片变为动态图片

静态图片变为动态图片