当好网页“接待员”
网页作坊
在Flash Web导航条制作方面，一些韩国的Flash Web 制作者做得十分出色，设计者可以经常借鉴他们的风格和技术。对于不太熟悉代码的新手来说，要想做出精美的导航系统，就必须依靠一些小创意和化繁为简的实现手段，这样菜鸟也能做出像模像样的导航系统来。
“接待员”的应聘条件
作为合格的“接待员”，导航系统必须涵盖整个网站各个部分的入口，让访客对网站的大致内容一目了然。其中有一点绝对不能忽视：在网站的每个部分都要提供相应的返回按钮，以便访问者能回到原地。如果每张页面上都有导航条则不必考虑此问题。
本期我们介绍单独页面式的导航系统，这样的方法不仅可以用于全Flash Web制作的网站构架，还可以放在入口处做传统静态网站的向导网页。在制作过程中，一定要根据网站的风格来确定导航系统的样式，使之在色调、风格、操作形式上与整体保持一致。在这里笔者提供几种比较典型的导航系统的设计思路：
1.“酷炫闪动”型：这类导航系统主要运用缓冲公式及鼠标位置的变化，并使其建立函数关系，制作难度相对较大。这种类型的导航系统往往是高手的专利，其视觉效果自然没得说。
2.“清新童趣”型：页面简洁、风趣幽默是这类导航系统的最大特点，它的制作主要依靠帧动画加跳转代码来实现，由于逐帧动画的使用，使这类导航系统更具“卡通”的味道。
3.“传统中庸”型：虽然叫法有点老套，但这类导航系统往往比较实用，它的制作没有难度可言，一般就是几个按钮的排列。这类按钮多数使用外导入的图片，所以能很好的与网站风格搭配。目前，开发成熟的传统网页制作软件也可以做出类似的效果。
“欢迎队伍”的布置
要做就做最好的，下面我们来做一个根据鼠标位置而变动大小的“酷炫闪动”型导航系统。前文说到此类型代码较复杂，但笔者把代码进行简化，制作步骤变得十分简单，仅仅几行代码，就能制作出炫目的效果。
首先，我们来制作网页的背景。新建一个820×550像素的Flash文件，背景颜色为黄色（#FFFF00）。然后制作几个圆角矩形图片的元件，这种图片元件的制作可以通过圆角矩形遮罩下层图片来实现，大家一看时间轴就明白了（图1）。最后，制作两条色带，将刚才制作的元件对齐并置于其中，这样，背景部分就制作完成了（图2）。
与“鼠”共舞的导航按钮
背景制作完成后，我们开始制作动态按钮。这些按钮会随着鼠标指针的移动而改变大小，当指针在按钮上时其面积最大，鼠标向两边移动时逐渐减小。让我们从中间一个圆形按钮开始，然后再推广到其它按钮。
使用圆形工具，绘制一个橙色无边框的圆，在属性面板中将其长、宽分别都设为60像素，并在圆心中输入文本，将它们选中并按F8键转换为影片剪辑。然后把这个剪辑放置在两条色带的中间位置（图3）。在动作面板中为其输入代码：
onClipEvent (enterFrame) {
v=-0.03*Math.pow(_root._xmouse-_x,2)+400 //定义变量v
_xscale=v- _xscale*.7
_yscale=v- _yscale*.7 //圆的面积等于v减去其面积本身再乘以0.7（缓冲公式）
_alpha=v //透明度等于变量v
}
现在按下“Ctrl+Enter”组合键测试影片，可以看到，当鼠标接近圆时面积扩大，而远离它时则相反。剩下的工作就简单了，采用相同的方法制作其它圆，将它们横向排列在一起，并赋予相同代码，这个导航系统就宣告完成了。各个部分的跳转大家可以根据需要自行完成。
除此之外，还有很多极具个性的导航系统，大家可以多看一些高手的作品，尤其是向国外的高手学习，以开拓思路、深刻领会。
本期动画源文件及演示效果可以在电脑报读者论坛（http://bbs.cpcw.com）站长大本营下载。