spry行为特效讲义(pdf档).PDF

班級:資二 課程:多媒體數位創作 上課內容: 行為特效-spry 效果應用 指導老師:黃信愷、葉怡青 網頁內容設定: 一、設定一個表格，分別輸入內容，當按下(on click)每一儲存格中的文字內容 時，會依內 容呈現出不同的 spry 行為效果。 二、當滑過(on mouseOver)圖片時，圖片會出現震動 三、背景顏色自訂，圖片請先下載 pic 壓縮檔 結果如下: 網頁內容設定 一、分別按表格內的選單，當按下不同內容時會呈現不同的spry 行為效果 二、當滑過圖片時，會呈現spry 行為效果中的任一種效果皆可。 設定內容解題步驟: 1.開一新檔，插入表格8 列 1 欄，寬300pixel ，背景顏色自訂 2.插入一個AP Div ，並放入圖片，圖片寬480 ，寬384 像素 1 2 3.在表格內分別輸入如下，且分別設定成「連結」效果，分別按下第一個效果會 呈現「出現/淡出」效果，其餘依此類推: 4.啟動「行為」視窗 3 5.spry 行為效果分別設定如下: 5-1.第一效果設為「出現/淡出」 4 5-2.第二效果設為「擠壓」 5-3.第三效果設為「放大/縮小」，由小變大 5 5-4.第四效果設為「標示」 5-5.第五效果設為「滑動」 6 5-6.第六效果設為「百葉窗」 5-7.第七效果設為「震動」 7 二、設定圖片spry 行為效果設定 1. 選「圖片」/ + /行為/效果/震動 8 完成結果如下: 9