注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

蓝馨月的博客

真诚豁达 追求卓越 谦和自信 广交朋友

 
 
 

日志

 
 

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

2009-12-19 20:20:11|  分类: 博客素材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

乐在天涯原创:细说用移动动画代码制作移动动画的方法

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

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

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

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

 

    <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://img.blog.163.com/photo/JT8FJyilQ1d1E6vBb91U1A==/4527243525414834622.jpg

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

   

原创:细说用移动动画代码制作移动动画 - 乐在天涯 - 乐在天涯小屋

   它的地址是http://img.blog.163.com/photo/agQ_-Rpu92lF3xTx-1n4xA==/2045760130733538666.jpg

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

原创:细说用移动动画代码制作移动动画 - 乐在天涯 - 乐在天涯小屋 

        

     它的地址是:http://img.blog.163.com/photo/tYAeR-C-f7xB7x5YGd5uzg==/4527243525414834645.jpg

 

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

 

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

 <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

 

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

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

<img border="0" src=

"换地址">

<img border="0" src=

"换地址">

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

 

换了地址以后的代码:

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

<img border="0" src=

" http://img.blog.163.com/photo/tYAeR-C-f7xB7x5YGd5uzg==/4527243525414834645.jpg">

<img border="0" src=

"http://img.blog.163.com/photo/JT8FJyilQ1d1E6vBb91U1A==/4527243525414834622.jpg ">

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

 

 点击<>,粘贴上面这个代码,看看效果:

 

原创:细说用移动动画代码制作移动动画 - 乐在天涯 - 乐在天涯小屋 原创:细说用移动动画代码制作移动动画 - 乐在天涯 - 乐在天涯小屋

_>

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

 

原创:细说用移动动画代码制作移动动画 - 乐在天涯 - 乐在天涯小屋 原创:细说用移动动画代码制作移动动画 - 乐在天涯 - 乐在天涯小屋

 

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

<marquee scrollamount=3 scrolldelay=5 valign=middle beha>

<img border="0" src=    "http://img.blog.163.com/photo/tYAeR-C-f7xB7x5YGd5uzg==/4527243525414834645.jpg">

<img border="0" src=    "http://img.blog.163.com/photo/JT8FJyilQ1d1E6vBb91U1A==/4527243525414834622.jpg">

 

 

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

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

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

 

<marquee scrollamount=3 scrolldelay=5 valign=middle beha>

<img border="0" src=    " 换上新的图片地址 ">

<img border="0" src=    " 换上新的图片地址 ">

 

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

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

  
 

 


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

  评论这张
 
阅读(35)| 评论(2)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017