1、网站导航实例说明这是动态生成按钮的网站导航实例,通过 ActionsBrowser/NetworkloadVariables来实现对外部文本的读取,根据读取的数据利用 ActionsMovie Clip ControlduplicateMovieClip();语句动态生成导航按钮。按钮可打开文本中指定的窗口,这样就实现了导航功能。有关知识切割图像、载入变量、复制电影片断 、取得地址、告诉目标、取值函数、在 HTML中使用框架等。制作过程一、背景图片的制作背景图片可以由 Adobe Photoshop,Macromedia Fireworks 等各种平面设计软件完成,当然图片的内容也要根据网站的
2、实际内容来确定。这里的关键是对图片的分割,以 Photoshop为例作如下处理。步骤 1:用 Photoshop打开一图片文件。步骤 2:添加新参考线。选择菜单“视图新参考线”,打开参考线对话框,选择垂直,位置 120 px,然后“视图所定参考线”。这个步骤是为了精确分割背景图片,如图 23-26所示。图 23-26 面性参考线使分割很精确步骤 3:对图片进行切割。选择切片工具(按 k键),沿参考线将背景图分成两部分,如图 23-27所示。图 23-27 沿参考线用切割工具切割把图像分成两块步骤 4:输出图像。选择“文件保存为 Web格式”,在对话框中选择 JPEG格式然后确定。如图 23-2
3、8所示。图 23-28 选择不同的压缩格式和压缩比得到不同的效果在接下来的存储对话框中保存类型栏选择 image only(仅限图像)。这样 Photoshop会自动新建一个images目录按一定的命名规则把分割的图片存储其中。二、动态导航按钮的制作步骤 1:新建一个 120X440的 fla文件,背景使用刚分割的背景图片左侧的部分(即 1_01.jpg)。步骤 2:新建一个名叫 buttonok的电影片断。这个电影片断由两个层,txt 层放一个动态文本框,在属性面板将它命名为 mytext,如图 23-29所示。图 23-29 给文本框起名,这样程序才能访问控制它button层放一个 but
4、ton,可从公共按钮库中选一个拖放,点选 button在上面添加 Action如下:on (press) getURL(url, “main“);/当按钮被点击时/在 main 框架中打开 url所指向的地址步骤 3:把这个电影片断拖拽到主场景上,这样就生成了电影片断的一个实例,在属性面板给这个实例起名叫 b0,使它可被访问 ,如图 23-30所示。图 23-30 命名后,b0 可被程序访问控制步骤 4:在主场景 action层第一帧添加 Action如下:loadVariablesNum(“readme.txt“, 0);b0.url=“0.htm“;/将文本 readme.txt中的变量装
5、载到主时间轴上/在 main框架中打开 url所指向的地址接着主场景 action层最后一帧添加 Action如下:for (i=1; i=total; i+) c = “b“ add i; duplicateMovieClip(b0, c, i);tellTarget (c add “.mytext“) text = eval(“_root.name“ add _root.i);tellTarget(c)url=eval(“_root.url“ add _root.i);setProperty(c, _y, Number(getProperty(c, _y)+i*5+Number(i*(ge
6、tProperty(c, _height);stop();/如果变量 i小于总添加按钮数 total就循环执行/c是字符串变量,代表新添加按钮名/复制一个名字与变量 c内容相同,和 b0一样的按钮/告诉新添加按钮中的 mytext变量(按钮中的文本框)/文本框的内容为主时间轴变量 namei的内容/告诉新添加的按钮/按钮连接的地址主时间轴变量 urli中的内容/把新按钮放置到指定位置/停止步骤 5:在主场景中增加 sound层,添加背景音乐。步骤 6:按 Ctrl+Enter,输出成 SWF文件。三、网页制作这个实例采用了左右框架结构,左框架导航,右框架显示内容。而页面的增删带来的 SWF中按
7、钮的增减则由 readme.txt来控制。readme.txt或的代码如下:total=2&url1=01.htm&url2=02.htm&&name1=Book&&name2=ReadMe&&注:readme.txt 中的变量之间用&隔开即可。其中 total是须添加按钮数。namei 是按钮名,urli 是按钮指向的网页地址。网页的框架结构。使用左右框架格式,左框架指定宽度 120。Index.htm 代码及结构,如图 23-31所示。图 23-31 框架结构默认打开的页面左侧是 nav.htm,右侧为 0.htm 如果不熟悉 HTML,可在 Dreamweaver或 FrontPage制作相关页面。如图 23-32所示。图 23-32 用 FrontPage在 nav.htm中插入 SWF,并制作相应页面四、测试页面在光盘的“动态导行”文件夹中找到 index.htm,点击后可在浏览器中打开做好的动态导行的 SWF及网页。源程序名为“动态导航.fla”。修改 readme.txt中的值,看看会有什么变化。