到現在為止大多以FLASH來製作這類的說明動畫，但是FLASH卻只能停在原有的技術，實在可惜。甚至在手機上無法直接執行，Android 需要另外下載.APK，Apple手機則是無法執行FLASH。始初想到如果能使用GIF的動畫的話，檔案又不要太大的話，就十分有可能可以克服這個門檻，在讀書會中工程師們不斷絞盡腦汁，利用可能的技術，來取代逐漸被新技術淡忘的FLASH，簡單的說就是結合以下技術：
HTML5：網頁架構
GIF：動畫
CSS3：動畫移動或切換
JavaScript：場面切換與選擇
Webstorage：記憶使用者故事路線
來試圖做出類似繪本的網頁，甚至能夠比FLASH還要更小的傳輸檔案量。

▼解說伊比力斯（癲癇）與進入親善系統

▼可進入「巴士」「MRT」「學校」等三個背景環境

這個日文網站記載了一些基本的Flash MX/ MX 2004/ 8 （ActionScript 1.0～2.0） 的基本碼，裡頭有詳細範例，可供參考。

雖說ActionScript已經演進到3版了，但我個人還是比較喜歡用2般版的ActionScript，就算是使用Flash CS還是使用3版比較熟練與方便。
演進到ActionScript3是很好用，但是台灣市場太小了，加上業主的需求是對網頁設計師什麼都要會的狀況下，ActionScript3太複雜了，說不定會如同Director當時呼聲很高，但因為Flash簡單又能夠在網頁上輕易的傳送，於是Director就漸漸式微了。基本上... 本人期待Flash能夠就算是功能多了些，也要與舊版相容，還要更簡單輕量化一些。但現在Flash把程式複雜化針對提供給程式人員開發與加強程式的安全性，而並沒有針對繪畫人員的需求所作，製程簡化等等想法，真是有點可惜了。

Flashの枝
http://1art.jp/flash9/index.html

F-site | Now Loadingのサンプル5個セット
http://f-site.org/articles/2004/03/18005544.html

写真と地図のFLASHツール　NAVIEW.COMのフリー／シェアウェア
http://www.naview.com/download/index.html

FLASHにおけるNowloadingアニメーションの作り方サイト５選*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-38.html

FlashQ&A
http://hfm-kenchan.com/index.html

ブログパーツが無料で使える時計クリエイト
http://sozamix.net/

Flash小遊戲
http://blog-apart.com/index.html#int

這是福斯汽車為了廣告新款汽車New Fox所作的網站，網站中採取把汽車內裝翻到外頭來作介紹，並利用360度旋轉與重點介紹的方式告訴消費者內裝的用心...

這個sauce適合放入已經做好的網頁中，
作為改善網頁的パフォーマンス(Performance)使用，供大家參考。
from:輪船公會

---

必須的檔案位置說明：
你的HTML檔案
flash_activate.js【FLASH ACTIVATION SCRIPT】
nv_slide12.swf【flash本體】
img【放入圖檔】

---

網頁中需要動到的程式碼說明：
顯示的寬度　：var mvWidth = "400";
顯示的高度　：var mvHeight = "267";
背景色　　：var mvBgCol = "#FFFFFF";
設定檔案　：var mvConfig = "nvsl_cfg.csv";
Flash本體　：var mvMovie = "nv_slide12.swf";
圖檔數目與排序　：var mvImgList
效果　：var mvEfcList

日文設定說明

---

程式說明： 修正必須的地方與正確的path，將以下程式碼放入你的網頁中就可以了。
<!--放入head裡面-start-->
<script src="flash_activate.js" type="text/javascript"></script>
<!--放入head裡面-end-->

<!--放入body裡面-start-->
<script type="text/javascript">

var mvWidth    = "460";
var mvHeight   = "315";
var mvBgCol    = "#FFFFFF";
var mvLineCol  = "#DDDDFF";
var mvShowTime = "9";
var mvEfcSpeed = "4";
var mvEfcList  = "FWW;FXX;FZH;FBT;FHL;FBL";
var mvImgDir   = "img";
var mvImgList  = "01.jpg;02.jpg;03.jpg;04.jpg;05.jpg;06.jpg;07.jpg;08.jpg;09.jpg;10.jpg";
var mvJpegView = "FIX";
var mvDate     = "20081006";

var mvOption  = "mvLineCol="+mvLineCol+"&mvShowTime="+mvShowTime+"&mvEfcSpeed="+mvEfcSpeed;
   mvOption += "&mvEfcList="+mvEfcList+"&mvImgDir="+mvImgDir+"&mvImgList="+mvImgList;
   mvOption += "&mvJpegView="+mvJpegView;
var mvMovie   = "nv_slide12.swf";

flash_activate(  'version=6,0,0,0' , 'swf='+mvMovie+'?vers='+mvDate ,
               'width='+mvWidth  , 'height='+mvHeight , 'bgcolor='+mvBgCol ,
               'quality=high'    , 'scale=noscale'    , 'salign=LT' ,
               'FlashVars='+mvOption);
</script>
<!--放入body裡面-end-->

---

下載位置：Copyright(C) NAVIEW.COM