原创：细说用移动动画代码制作移动动画的方法

从娱乐的角度来说，利用动画代码制作动画比自己制作动画要简便得多，这也是给自己学习制作动画打个基础吧。下面，我就把制作方法介绍给大家。

一、利用博友提供的原始代码（原代码），换掉里面的“图片地址”，制作新的动画。

我们这里说的“制作”是广义的概念，并不是“真正”的制作。因为画面是现成的，我们只是改变了它的形式。但对初学者来说，这也是乐趣啊！

今天，我先选择从右向左移动的动画代码来讲解它的具体用法。我们先来认识一下原代码：

<marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">

第一张<img border="0" src=

" http://ava.blog.163.com/photo/lMMlCkDYxPZDtiwsj52clA==/588282701325489251.jpg">

第二张<img border="0" src=

" http://img.blog.163.com/photo/1uXaJId9pRnIeK-s47HyWw==/1145321680235785408.jpg">

</marquee>_></DIV></MARQUEE></MARQUEE

这里的“第一张”、“第二张”是这个代码里有“两张图片”的意思，是代码原创者的说明，并不是代码里原有的。因此，在使用代码时要把它们删去。

音画动画地址和图片地址、图片动画地址代码的开头“标记”是一样的，都是“http://”；但结尾标记是不一样的，音画动画地址代码的结尾是“swf ”，而图片地址或图片动画地址代码的结尾标记是“jpg”（为了好记，我叫它“鸡皮哥”）。

怎样获取图片地址，我也曾经讲过，今天再重述一遍：把光标放到图片（包括图片动画）上，点击右键，点击最下面的【属性】，把地址代码涂蓝，点击右键，点击【复制】，复制结束点击【确定】。这样就获取了图片地址代码。

我们可以从2006年到2008年的“留言栏”里获取有用的图片，包括动画图片；那时的图片都是可以直接复制、粘贴到日志里的（生成的代码是可以粘贴到自定义模块里的）。比如：

按照上面我讲的方法就可以获取它的地址代码：

http://image11.360doc.com/DownloadImg/2010/06/1608/3608162_1.jpg

您按照我讲的方法操作一遍，看看是否也获取了和我一样的地址代码。我们只要获取了两个图片地址代码，就可以换掉原代码里的地址了。

它的地址是：http://image11.360doc.com/DownloadImg/2010/06/1608/3608162_2.jpg

这样，我们就有了“两个地址”，下一步就是换掉原代码里的“地址”了。看来这两张图片的高度是不一样的，制作出来一高一矮不好看。我们再选一张高度和“竹子”那张差不多的。

它的地址是：http://image11.360doc.com/DownloadImg/2010/06/1608/3608162_3.jpg

二、换掉原代码里的“地址”，生成新的代码

我们先来整理一下原代码。这是原代码：

第一张<img border="0" src=

" http://ava.blog.163.com/photo/lMMlCkDYxPZDtiwsj52clA==/588282701325489251.jpg">

第二张<img border="0" src=

" http://img.blog.163.com/photo/1uXaJId9pRnIeK-s47HyWw==/1145321680235785408.jpg">

</marquee>_></DIV></MARQUEE></MARQUEE

删去“汉字”和原来的两个地址：

<img border="0" src=

"换地址">

<img border="0" src=

"换地址">

</marquee>_></DIV></MARQUEE></MARQUEE

换了地址以后的代码：

<img border="0" src=

" http://image11.360doc.com/DownloadImg/2010/06/1608/3608162_3.jpg">

<img border="0" src=

"http://image11.360doc.com/DownloadImg/2010/06/1608/3608162_1.jpg ">

</marquee>_></DIV></MARQUEE></MARQUEE

点击<>，粘贴上面这个代码，看看效果：

看来效果还可以，但并不令人满意：1、左下角有条小杠和小箭头。这说明原代码里有多余的“废码”，要删除；2、移动的速度太慢，看起来不那么舒服，应该加速。

这是删除“废码”和“加速”以后的代码：

细心的朋友会发现：1、我把原代码最后面的“大写字母和小横杠、小箭头”和多余的废码都删去了。一般来说，代码两头或中间“重复的代码”都是多余的废码；代码是“小写字母”的，多出来的“大写字母”往往也是多余的。这不是原创者的问题，是在转载过程中出现的问题。2、加速的问题：我把scrollamount=1 scrolldelay=3 分别加到“3”和“5”。如果您还想加速就再加大数字。

朋友们，我和大家一样也是初学者。虽然我在2006年7月有了博客，可在制作动画方面我也是边学边摸索。我喜欢玩，喜欢和朋友们一起玩；再加上我有过从事教育工作的经历，所以总是自不量力的“好为人师”。这也是一种“怪癖”吧！

最后，我把完整的移动式动画原代码送给朋友们。您可以直接使用：

注意：1、引号"" 不要删除。2、制作完成以后，可以作为日志发表，也可以粘贴到首页模块里装饰博客。

乐在天涯 2009年12月17日中午和下午闲暇时

请点击查阅：《各种滚动方向的图片移动代码》

请点击查阅：《抛砖引玉：由12幅图片组成的小鸟移动动画（送原代码）》

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。