源文件下載

　　>>>>>點(diǎn)擊查看動(dòng)畫(huà)效果<<<<<

　　實(shí)例2-４導(dǎo)航條

　　 （ 1 ）基本思路 　

　　 ① 作幾個(gè)標(biāo)簽，類(lèi)型為 MC ，上面有文字標(biāo)識(shí)，是嵌套在標(biāo)簽里的 MC ,鼠標(biāo)滑過(guò)時(shí)可以改變字的大小。

　　 ② 作一類(lèi)型為 MC 的光標(biāo)，給其加動(dòng)作，可以“彈性”地向某點(diǎn)靠近，彈性這詞，也是網(wǎng)上學(xué)的，意思就是移動(dòng)方式不要一步到位，避免呆板，就是為好看嘛 。

　　 ③ 當(dāng)鼠標(biāo)滑過(guò)某一個(gè)標(biāo)簽，光標(biāo)就以顏色和寬度變化的形態(tài)逐步向這點(diǎn)靠近。

　　 ④單擊標(biāo)簽都有一個(gè)鏈接地址被打開(kāi)，轉(zhuǎn)向指定的頁(yè)面。

　　 ⑤設(shè)定限制，當(dāng)鼠標(biāo)移出范圍后，光標(biāo)以初始形態(tài)停在最后滑過(guò)的標(biāo)簽上。

　　||// 邏輯或，若干條件，有一條夠格就是真。

　　&&// 邏輯與，要同時(shí)滿(mǎn)足所有的條件才為真。

　　getURL()// 將來(lái)自特定 URL 的文檔加載到窗口中， URL 是 WWW 頁(yè)的地址。

　　 ① 主場(chǎng)景中水平排開(kāi)外觀一致的 MC 類(lèi)型的標(biāo)簽，嵌套在標(biāo)簽里的文字也是 MC ，這里分別是：首頁(yè)、二頁(yè)、三頁(yè)、四頁(yè)。

　　 ② 用外形和標(biāo)簽同樣大的 MC作為光標(biāo) ，內(nèi)部有形狀補(bǔ)間，第 1 幀要設(shè)定 stop 。

　　① 在標(biāo)簽 MC 上輸入：　　on (rollOver) {// 鼠標(biāo)滑過(guò)

　　h = 1;

　　i = 1;

　　_root.newx = this._x;// 將這 MC 的坐標(biāo) X 的值賦與 _root.newx

　　}

　　on (rollOut) { 鼠標(biāo)滑出

　　h = 0;

　　}

　　onClipEvent (enterFrame) {// 以幀頻頻率執(zhí)行以下動(dòng)作

　　if (h == 1) { 當(dāng)變量 h 等于 1 ，就是鼠標(biāo)滑過(guò)此 MC 時(shí)，執(zhí)行以下動(dòng)作

　　if (i>0 && i<21) {i 同時(shí)滿(mǎn)足大于 0 ，小于 21 的條件

　　this.z._xscale = 100+i*1.8;// 嵌套在此 MC 里的 “z” 水平比例增加 i*1.8

　　this.z._yscale = 100+i*1.8; // 嵌套在此 MC 里的 “z” 垂直比例增加 i*1.8

　　_root.mc._xscale = 100-i*10;// 主場(chǎng)景的 “mc” 水平比例減少 i*10

　　_root.mc.play();

　　i++;

　　}

　　} else { 當(dāng)變量 h 不等于 1 ，就是鼠標(biāo)滑出此 MC 時(shí)，執(zhí)行以下動(dòng)作

　　if (i>1 && i<22) {

　　this.z._xscale = 100+i*1.8; // 嵌套在此 MC 里的 “z” 水平比例減少 i*1.8

　　this.z._yscale = 100+i*1.8; // 嵌套在此 MC 里的 “z” 垂直比例減少 i*1.8

　　i--;

　　}

　　}

　　}

　　on (press) {

　　getURL("http://bbs.flasher123.com/", "_blank ");// 得到一個(gè)地址 并打開(kāi)新窗口，這里是第一個(gè)標(biāo)簽的，其它標(biāo)簽要根椐需要另設(shè)。

　　}

　　② 在光標(biāo) MC 上輸入：

　　onClipEvent (load) {

　　root.newx = this._x;// 設(shè)一變量取得此 MC 的橫坐標(biāo)點(diǎn)

　　}

　　onClipEvent (enterFrame) {

　　this._x = this._x+(_root.newx-this._x)/5;// 不斷地將變量 newx 與 MC 的橫坐標(biāo)值的差的 1/5 加上 MC 的橫坐標(biāo)值，賦值到新的 MC 的橫坐標(biāo)值，變量 newx 與 MC 的橫坐標(biāo)值的差是在趨于 0 的變化中。

　　if (_root._ymouse>75 || _root._ymouse<25 || _root._xmouse<12 || _root._xmouse>534) { // 滿(mǎn)足其中的任一條件，就執(zhí)行后面語(yǔ)句，為的是避免在光標(biāo)變化過(guò)程中鼠標(biāo)移出后有沒(méi)展開(kāi)的狀態(tài).

　　this._xscale = 100;

　　}

　　}

　　 ① this._x = this._x+(_root.newx-this._x)/5 ，一個(gè)緩沖移動(dòng)公式，是不斷地將變量 newx 與 MC 的橫坐標(biāo)值的差的 1/5 加上 MC 的橫坐標(biāo)值，賦值到新的 MC 的橫坐標(biāo)值，變量 newx 與 MC 的橫坐標(biāo)值的差是在趨于 0 的變化中，這樣就可實(shí)現(xiàn)逐步靠近目標(biāo)的效果。應(yīng)該徹底理解，還可以用具體的數(shù)值代入公式中，那樣對(duì)分析理解其作用，是比較簡(jiǎn)便的方法，熟練掌握后還可以增加抖動(dòng)率 ( 一個(gè)由大逐漸變小直至 0 的的一個(gè)變量 ) ，看著有哆了哆嗦的效果，會(huì)更好看。

　　 ② if (_root._ymouse>75 || _root._ymouse<25 || _root._xmouse<12 || _root._xmouse>534) ，“邏輯或”條件判斷，滿(mǎn)足其中的任一條件，就執(zhí)行后面語(yǔ)句，這里是為的避免在光標(biāo)變化過(guò)程中鼠標(biāo)移出后有沒(méi)展開(kāi)的狀態(tài)，因?yàn)楣鈽?biāo)在移動(dòng)過(guò)程中有寬度變化。

　　 本講介紹了復(fù)合判斷條件的使用，和使用連接地址的方法，還應(yīng)用到了移動(dòng)公式： this._x = this._x+(_root.newx-this._x)/n;, 都是經(jīng)常要用得到的，需要熟練掌握。

　　 將標(biāo)簽排列由橫向改為縱向，范例效果：

　　>>>>>點(diǎn)擊查看動(dòng)畫(huà)效果<<<<<

　　練習(xí)2-4

　　這篇教程為“Flash AS 實(shí)例進(jìn)階教程”的一部分。查看全套教程>>>>。