Flash变速滑动菜单剖析(1)

越野车

登录/注册后可看大图

　　实例说明： 　　这是一个在网页中的FLASH导航菜单，很有动感吧？ 　　经过本例的学习，你将掌握基本的FLASH菜单的操作步骤。以及用AS来编写变速运动的基本方法。一个例子的学习是次要的，希望大家学习完以后可以掌握这种方法，举一反三，应用到更多的实例中去。 　　　 　　实例思路： 　　正如前面所说的，一个例子的学习是次要的，关键是掌握这种方法。在进行我们实例之前，先说一下理论与方法。 　　在这个导航中，有四个Button（按钮，简称：BTN），一个MovieClip（影片，简介：MC）。上面跟随移动的MC实例名为：follow。下面的四个BTN实例名分别为：btn_home，btn_about，btn_news，btn_links。实例的运动方法：当鼠标移动到其中的一个按钮上时，上面的MC（follow）会以逐渐减速的运动慢慢靠近鼠标所指的按钮上。这其中是以它们的X坐标来判断follow的位置的。 　　follow总共需要移动的距离为我们鼠标所指的按钮的X坐标减去它自己的X坐标。follow每次移动一定的距离（如果大家仔细观察的话，应该发现它并不是以匀速进行的，而是以减速进行的） 　　下面我们假设follow的X坐标为40，而我们将鼠标移动到了btn_links的按钮上了（即标有links的那个按钮）。而btn_links的X坐标为280，那么，它们之间的距离为btn_links._x-follow._x（这其中的._x代表这个实例的X坐标）。现在我们需要让follow以减速运动从当前的X坐标移动到btn_links的X坐标上。 　　注意：下面是本例的重点，也就是需要大家掌握的“方法”。 　　我们让follow每次移动它们之间的距离的1/2。因为follow的X坐标是随时改变的，所以它们之间的距离也会随时改变。当follow第一次移动的时候，它的X坐标为40 (280-40)/2=160注：（40（follow的X坐标） (280（btn_links的X坐标）-40（follow的X坐标）)/2=160（移动后follow的X坐标））。当它第二次移动的时候，它的X坐标为160 (280-160)/2=220。它第一次移动的距离为120像素，而第二次移动的距离为60，实现了我们所要的减速运动。如果觉得这样的减速运动太快的话，你可以适应的改变每次移动的比例。如让follow每次移动1/3……