1. 程式人生 > >用Flash做點選頁面圖片切換效果的超級詳細教程

用Flash做點選頁面圖片切換效果的超級詳細教程

第一步
1、新建flash文件
2、檔案--匯入--匯入到庫,匯入5張圖片
3、在圖層一第1幀,從庫里拉入一張圖片到舞臺,調整到適當大小,右鍵轉換為元件---元件型別選影片剪輯,名稱為pic1;

在圖層一第30幀插入空白關鍵幀,從庫里拉入第二張圖片到舞臺,調整到適當大小,右鍵轉換為元件---元件型別選影片剪輯,名稱為pic2;

在圖層一第60幀插入空白關鍵幀,從庫里拉入第三張圖片到舞臺,調整到適當大小,右鍵轉換為元件---元件型別選影片剪輯,名稱為pic3;

在圖層一第90幀插入空白關鍵幀,從庫里拉入第四張圖片到舞臺,調整到適當大小,右鍵轉換為元件---元件型別選影片剪輯,名稱為pic4;

在圖層一第120幀插入空白關鍵幀,從庫里拉入第五張圖片到舞臺,調整到適當大小,右鍵轉換為元件---元件型別選影片剪輯,名稱為pic5;

在圖層一第150幀插入幀。
第二步
4、新建圖層(圖層二)
5、用矩形工具,在舞臺畫一個矩形(圖片序號背景那個矩形),選中矩形右鍵,轉換為元件---元件型別選影片剪輯,名稱為n1,影片剪輯例項名也為n1;

複製圖形在舞臺同樣繪製出n2、n3、n4、n5五個影片剪輯元件,並把他們按照順序排好。
6、點選第一幀,新增幀標籤為pic1;

在第三十幀插入關鍵幀,新增幀標籤為pic2;

在第六十幀插入關鍵幀,新增幀標籤為pic3;

在第九十幀插入關鍵幀,新增幀標籤為pic4;

在第一百二十幀插入關鍵幀,新增幀標籤為pic5;

在第一百五十幀插入幀。
7、在第一幀,點選n1,設定屬性顏色選擇色調為紅色;

在第三十幀,點選n2,設定屬性顏色選擇色調為紅色;

在第六十幀,點選n3,設定屬性顏色選擇色調為紅色;

在第九十幀,點選n4,設定屬性顏色選擇色調為紅色;

在第一百二十幀,點選n5,設定屬性顏色選擇色調為紅色。
第三步
8、新建圖層(圖層三)
9、在第一幀,對應圖層二的五個矩形框上方分別輸入1、2、3、4、5
10、在第一百五十幀插入幀。
第四步
11、新建圖層(圖層四)G633 Padang LightSpider Creamkunmamarble
12.點選第一幀,右鍵---動作,在動作面板中輸入如下程式碼:
n1.useHandCursor=false
n2.useHandCursor=false
n3.useHandCursor=false
n4.useHandCursor=false
n5.useHandCursor=false
n1.onRelease = function() {
gotoAndPlay("pic1");
};
n2.onRelease = function() {
gotoAndPlay("pic2");
};
n3.onRelease = function() {
gotoAndPlay("pic3");
};
n4.onRelease = function() {
gotoAndPlay("pic4");
};
n5.onRelease = function() {
gotoAndPlay("pic5");
};

12、在第一百五十幀插入幀。
至此全部結束,控制---測試影片看看效果