让小鸟在网页上自由飞翔

Author: 奉劲军 Date: 2000年 第43期

  我们经常可以看到一个卡通动画在网页上到处游动,很有趣。其实很简单,它是在“织梦人”(Dreamweaver)中用时间线来制作的。具体制作过程如下:
    1.在网页一个适当的地方,比如在左上角拉一个30×30的层(也可以更小)插入一个飞行的小鸟 的动画。
  2.选中这个层(不是选中这个动画),按Ctrl+F9,弹出时间线设置框,在第1帧处按右键,在弹出的对话框里选Add Object,这个插入动画的层就被添加到动画条上,动画条上显示Layer1字样。
  3.默认帧数是15帧,如果想改变帧数,只需用鼠标左键按住第15帧不放,然后拖到注意位置即可。这里我们设总帧数为45,点按动画条的45帧,把动画层拉到结束的位置,可以看见在动画层运动路径的起始点和结束点之间多了一根位移线。
  4.按住Ctrl同时点按第15帧,15帧时间条上多了一个小圆圈,也就是说,我们在这里设了一个关键帧,网页上的动画层移动到一个新的位置,我们把它拉动到我们想要的位置,比如挪动到最右边,位移线也跟着弯了一个弯,同样的方法,我们在第30帧处也设一个关键帧,拖到最左边。然后在时间线设置框中点选Autoplay和Loop,这样我们指定页面载入后会自动播放动画和循环地播放动画。好了,基本制作就完成了,按F12浏览一下,小鸟从网页的左上角,飞到最右面,辗转到最左边,最后飞到结束的位置,这个过程是循环的。
  5.如果想让小鸟飞得慢点,可以增加总帧数,只要按住时间线最右边的关键帧,向右拖到适当的位置,比如90帧。不要去变动“Fps”后面的速度设置,默认是15 Fps,降低这个设置,动画的移动会产生明显的不连贯。同样,你想使各个区间的速度不相同,那么就移动相关的关键帧。两个关键帧间的距离被拉长,速度就变慢。比如我们用鼠标按住15帧向右拖,那么从开始到第一个弯之间,小鸟就会飞得慢点了。
  6.如果要改变路径,选中你要改的那个关键帧,在页面上把层拖到你满意的地方就可以了。
  7.有时可能会出现本地站点里用浏览器观察这个网页,一切都正常,但上传后再看这个网页,小鸟只原地飞行而不前进的情况。其实只要打开IE“工具/Internet选项/安全/自定义级别”,把“运行ActiveX控件和插件”,脚本中的“Java小程序脚本”和“脚本”均设为启用即可。