1、網(wǎng)站Flash導(dǎo)航條制作第10章效果展示2項(xiàng)目背景 網(wǎng)站導(dǎo)航條一般分為圖像式導(dǎo)航條和動(dòng)畫式導(dǎo)航條兩種，圖像式導(dǎo)航條利用圖像設(shè)置鏈接而成，這種導(dǎo)航條用戶可以直接在Dreamweave:中制作;動(dòng)畫式導(dǎo)航條使用具有交互功能的動(dòng)畫作為導(dǎo)航對(duì)象，這種導(dǎo)航條需要在Flash中制作。動(dòng)畫式導(dǎo)航條因效果絢麗，故應(yīng)用得越來越多，本項(xiàng)目就是為“常州工程職業(yè)技術(shù)學(xué)院”網(wǎng)站制作導(dǎo)航條。310.1 設(shè)計(jì)思路 本項(xiàng)目將利用Flash軟件，制作用于“常州工程職業(yè)技術(shù)學(xué)院”網(wǎng)站上的導(dǎo)航條動(dòng)畫。該導(dǎo)航條的制作思路如下:（1）動(dòng)畫的初始狀態(tài)顯示一級(jí)菜單，如圖10-2 (a)所示。（2）當(dāng)瀏覽者將光標(biāo)移到一級(jí)導(dǎo)航條按鈕上，該按鈕

2、會(huì)有黃色矩形背景閃爍，并從按鈕下方彈出該按鈕的二級(jí)菜單，如圖10-2（b）所示。（3）當(dāng)光標(biāo)移到其他按鈕上，那么原來按鈕的二級(jí)菜單就會(huì)消失，而光標(biāo)所在按鈕的二級(jí)菜單將從下方彈出，如圖10-2 （c）所示。410.1 設(shè)計(jì)思路510.2 項(xiàng)目實(shí)施制作導(dǎo)航條按鈕，實(shí)現(xiàn)導(dǎo)航條初始效果:(1)制作導(dǎo)航條按鈕。(2)制作按鈕動(dòng)畫影片剪輯，實(shí)現(xiàn)背景閃爍效果。任務(wù)1 制作導(dǎo)航條按鈕初始動(dòng)畫效果610.2 項(xiàng)目實(shí)施任務(wù)1 制作導(dǎo)航條按鈕初始動(dòng)畫效果710.2 項(xiàng)目實(shí)施任務(wù)1 制作導(dǎo)航條按鈕初始動(dòng)畫效果810.2 項(xiàng)目實(shí)施任務(wù)1 制作導(dǎo)航條按鈕初始動(dòng)畫效果910.2 項(xiàng)目實(shí)施任務(wù)1 制作導(dǎo)航條按鈕初始動(dòng)畫效果1

3、010.2 項(xiàng)目實(shí)施任務(wù)1 制作導(dǎo)航條按鈕初始動(dòng)畫效果1110.2 項(xiàng)目實(shí)施任務(wù)1 制作導(dǎo)航條按鈕初始動(dòng)畫效果1210.2 項(xiàng)目實(shí)施任務(wù)1 制作導(dǎo)航條按鈕初始動(dòng)畫效果1310.2 項(xiàng)目實(shí)施任務(wù)1 制作導(dǎo)航條按鈕初始動(dòng)畫效果1410.2 項(xiàng)目實(shí)施任務(wù)2 制作光標(biāo)移到按鈕狀態(tài)的動(dòng)畫效果實(shí)現(xiàn)光標(biāo)移到按鈕上的動(dòng)畫效果:(1)制作按鈕的二級(jí)菜單。(2)制作二級(jí)菜單向上移動(dòng)動(dòng)畫。1510.2 項(xiàng)目實(shí)施任務(wù)2 制作光標(biāo)移到按鈕狀態(tài)的動(dòng)畫效果1610.2 項(xiàng)目實(shí)施任務(wù)2 制作光標(biāo)移到按鈕狀態(tài)的動(dòng)畫效果1710.2 項(xiàng)目實(shí)施任務(wù)2 制作光標(biāo)移到按鈕狀態(tài)的動(dòng)畫效果1810.2 項(xiàng)目實(shí)施任務(wù)2 制作光標(biāo)移到按鈕狀態(tài)

4、的動(dòng)畫效果1910.2 項(xiàng)目實(shí)施任務(wù)2 制作光標(biāo)移到按鈕狀態(tài)的動(dòng)畫效果2010.2 項(xiàng)目實(shí)施任務(wù)2 制作光標(biāo)移到按鈕狀態(tài)的動(dòng)畫效果2110.2 項(xiàng)目實(shí)施任務(wù)3 制作鼠標(biāo)移到其他按鈕的動(dòng)畫效果實(shí)現(xiàn)鼠標(biāo)移到其他按鈕的動(dòng)畫效果:(1)為按鈕添加行為。(2)設(shè)置二級(jí)菜單的鏈接。2210.2 項(xiàng)目實(shí)施任務(wù)3 制作鼠標(biāo)移到其他按鈕的動(dòng)畫效果2310.2 項(xiàng)目實(shí)施任務(wù)3 制作鼠標(biāo)移到其他按鈕的動(dòng)畫效果2410.2 項(xiàng)目實(shí)施任務(wù)3 制作鼠標(biāo)移到其他按鈕的動(dòng)畫效果2510.2 項(xiàng)目實(shí)施任務(wù)3 制作鼠標(biāo)移到其他按鈕的動(dòng)畫效果2610.2 項(xiàng)目實(shí)施任務(wù)3 制作鼠標(biāo)移到其他按鈕的動(dòng)畫效果2710.3 經(jīng)驗(yàn)指導(dǎo)10.3

5、.1 導(dǎo)航菜單制作說明導(dǎo)航是一個(gè)技術(shù)門類的總稱，它的本意是引導(dǎo)飛機(jī)、船舶、車輛以及個(gè)人安全、準(zhǔn)確地沿著選定的路線，到達(dá)目的地的一種手段。導(dǎo)航的基本功能是回答以下三個(gè)問題:現(xiàn)在在哪里?要去哪里?如何去?在網(wǎng)站設(shè)計(jì)中借用了導(dǎo)航的概念，網(wǎng)站導(dǎo)航(Navigation)是指通過一定的技術(shù)手段，為網(wǎng)站的訪問者提供一定的途徑，使其可以方便地訪問到所需的內(nèi)容。2810.3 經(jīng)驗(yàn)指導(dǎo)10.3.1 導(dǎo)航菜單制作說明2910.3 經(jīng)驗(yàn)指導(dǎo)10.3.2 導(dǎo)航菜單設(shè)計(jì)技術(shù)概述(1)使用HTML制作簡單的圖片和文字鏈接式導(dǎo)航菜單3010.3 經(jīng)驗(yàn)指導(dǎo)10.3.2 導(dǎo)航菜單設(shè)計(jì)技術(shù)概述(2)使用腳本和樣式表制作的導(dǎo)航菜單

6、3110.3 經(jīng)驗(yàn)指導(dǎo)10.3.2 導(dǎo)航菜單設(shè)計(jì)技術(shù)概述(3)使用Flash制作的動(dòng)感導(dǎo)航菜單3210.3 經(jīng)驗(yàn)指導(dǎo)10.3.3 影片與網(wǎng)頁的加載和卸載loadMovie() 、loadMovieNum()和getURL()函數(shù)可用于影片或網(wǎng)頁的加載。(1) loadMovie()函數(shù)loadMovie(）函數(shù)用來從當(dāng)前動(dòng)畫的外部加載影片或圖像到指定的位置。使用格式如下:3310.3 經(jīng)驗(yàn)指導(dǎo)10.3.3 影片與網(wǎng)頁的加載和卸載(2)loadMovieNum()函數(shù)loadMovieNum()函數(shù)與loadMovie()函數(shù)功能相似，用于從當(dāng)前播放的動(dòng)畫外部加載SWF動(dòng)畫到指定的位置。使用格式如下:(3)getURL()函數(shù)getURL()函數(shù)用于調(diào)用網(wǎng)頁或郵件。使用格式如下:3410.3 經(jīng)驗(yàn)指導(dǎo)10.3.3 影片與網(wǎng)頁的加載和卸載(1) unloadMovie()函數(shù)unloadMovie()函數(shù)用于刪除通過