網頁除了FLASH外
想達到動畫效果就得靠javascript
當然如果想寫的更省力可以使用jQuery + javascript來撰寫,會更輕鬆愜意
說明跟程式碼打在網誌裡
本來打算三天發一篇,但最近比較忙,拖了這麼久才發,那麼簡單說明一下
其實ADOBE有出一套軟體可以將FLASH轉成html+js+css的輸出也就是actionscript的開發者可以無障礙直接將開發好的檔案轉成網頁格式,為何要這麼做?,大家都知道iOS不支援flash,所以adobe只好再做一套軟體來改成網頁格式
讓flash開發者不用再另外學習html+js+css
當然那套軟體很貴,所以..沒辦法搞到軟體的話還是來乖乖學網頁語言吧
其實要把JQ+JS寫的跟FLASH一樣並非不可能,只是相當耗時而已
腳本的安排會相當複雜,而且網頁不像FLASH裡的物件擁有許多屬性可以設定
以下簡單看個div位置變換的效果,以此為原理,基本上想怎麼做都沒問題
概念講解
css有position屬性,是用來設定上下層的位置關係
例如我用A元素把B元素包住
把A的position設為relative,把B設為absolute
那麼B就相對於A移動
假設我B把left設為-200px,那麼它就會以a的x:0,y:0為初始點的左邊移動-200px
x,y的變換基本就是這樣
網頁的xy就是css的top,left ,right,bottom 其實看你想把B的初始值設在哪就用哪種配對
你可以設成左上(top,left) or 右上(top,right) or 左下(right,bottom) or (left,bottom) 右下都行,習慣就好