猎豹是合资还是国产车:［论坛音画制作入门］第十讲：gif图片的插入和代码编

来源：百度文库编辑：中财网时间：2024/04/30 23:05:01

［论坛音画制作入门］第十讲：gif图片的插入和代码编辑

        音画除了用swf格式的动画外，也可插入图片动画，最常见的网页动画就是gif动画。下面就讲讲gif动画在音画中的使用和代码编辑。
一、上传并获得网址：
        gif动画在网上比比皆是，你可以收藏起来，使用时上传到网上，收藏网址备用。论坛都支持gif动画的上传。
       gif动画的特点是：动作简单，画面小，一般用于边框和点缀。由于gif动画是位图，不亦过份放大，所以，一般来说gif动画并不指定大小，也就是说都使用原图片大小。

二、gif动画的插入代码：
gif动画一般是前景显示，所以用图片插入代码就可以插入了，代码十分简单好记，如下是图片插入代码：

img 图片插入的通用代码，图片插入代码为非区间代码，它可单独存在，用不着结束语句。在不用放大或缩小的情况下，不用指定宽高的代码。

三、完整的图片插入代码：
如果直接使用上面的代码插入gif动画，那么，它将会按代码出现的次序，显示在表格或其它网页元素的下面，这样便不是我们音画的要求，我们音画要求gif动画出现在背景图片上层的某个指定位置。所以，我们还要给图片加一个格式布局的标签，并给布局标签加上风格特性参数。

我们使用一般布局标签p就可以了，见如下代码：

这里是布局内的内容

这里只使用了“绝对”“左移”和“距顶”参数。其参数含义和表格等完全一样，并且也可用其它如宽和高这样的参数。插入图片的完整代码如下：

这段代码说明了，在以绝对座标右移100像素和距离顶部500像素的位置有一个布局区域，在布局区内显示一张图片。

我们还是用暗殇的代码来加入gif动画代码。

代码如下，大字体部分为动画插入代码。

我们把这代码在论坛上发表测试效果。我们可以看到，图片的位置不合适，并用太大了，显示出的效果有些粗糙。

相关图片如下：

我们修改一下参数，距左参数为400距顶为1000，并删除图片宽高的代码，再看效果，可以看到图片的位置和大小改变了。

相关图片如下：

总结一下这一讲：图片代码由于不能分层显示并指定位置，所以，我们要加入布局标签

GIF图片的制作 GIF 图片的制作 gif图片的制作关于制作GIF图片的 GIF 的图片怎么制作单张图片的gif制作单张图片的gif制作求制作gif图片的制作工具！制作gif图片遇到的问题谁能交我制作gif格式的图片? 怎样制作GIF格式的图片？ gif图片的制作和修改工具如何制作(截取)GIF的动态图片? 一个关于制作GIF图片的问题。怎样用FLASH8制作出会动的GIF图片? 怎样用FLASH8制作出会动的GIF图片? gif图片是怎么制作出来的？谁会制作 gif 格式的图片? 怎样制作NBA2006的gif 图片？怎么制作gif格式的动态图片？关于制作后缀名为gif的图片求助如何制作出gif的图片怎样制作GIF格式的图片怎么制作GIF图片？