這是一個簡單的例子
大概的構想是，先把原始要上移的範圍A copy(clone)一份放置於無接縫的下方B
當B移到動可視範圍的0px時，瞬間把A設成在0px的地方
那向上移的方式是利用外框的style屬性overflow:hidden，然後利用scrollTop一直增加，那內容物就會被向上跑了
由右向左看物件的變化大概下如(紅色代表B，藍色代表A)
Google廣告
Selected Category: javascript (7)
- Sep 18 Fri 2009 23:16
[javascript效果]marguee move top
- Aug 18 Tue 2009 06:22
[javascript]滑鼠移動評分
這個javascript就是一般看到mouse移動到第顆星就會顯示幾分，減少單板的radio choice
構想
在每一個img裡，偷偷給定一個attribute 當做index 的值（判斷mouseover是在那一個img裡）
設定img的mouseover動作，當設定的attribute跟for loop的index小於時，可定另一種圖
否則就回覆成原始的圖
- Jul 18 Sat 2009 19:15
Eclipse上的Javascript開發工具
- Jul 01 Wed 2009 06:03
登入遮罩
- Jun 29 Mon 2009 06:00
Mask Login登入遮罩製作原理
之前有介紹過Mask Login，那現在來介紹Mask Login製作的原理
首先可以看到當頁面顯示完成後，紅色的區塊為Browser的可示範圍
如果要做到遮罩Mask的效果目前最好的方法是遮住可示範圍就可以了
- May 26 Tue 2009 21:42
jQuery UI-thickbox.js 解決prototype.js衝突
- Apr 08 Wed 2009 21:17
淺談Ajax
Ajax很常聽到這個專有名詞，對於不熟它的人覺得它好厲害，好像很多人都對它讚譽有加？好像是多麼新又神奇的技術，我在剛接觸時，也是這麼認為，尤其是在看了Ajax書後，對它更加模糊了，明明是很簡單的東西，怎麼書上都把它寫的很難懂呢？
Ajax Asynchronous JavaScript and XML 非同步JavaScript 和XML，看名字就可以知道是什麼東西了，Ajax是非同步那什麼是同步呢？基本上一般的翻頁動作就是一種同步行為？而Ajax也不是一定要非同步，它其實也可以使用同步行為的。Ajax很早以前就已經存在，只是當時的網頁技術並不是那麼的適合它發展，直到Google的出現，Ajax才算有出頭天的一天，Google大量的使用Ajax讓Ajax一夕之間聲名大噪。Ajax其實就是JavaScript的使用極致表現而已，利用XMLHttpRequest這一個Object來對伺服主機進行請求［GET、POST］，而伺服主機在依請求進行response的動作，Response回來的東西，可以大概分成XML、parameter或是一個組合好的html code，要怎麼使用就依當時的狀況及使用習慣來訂了。
對網頁的某一個區塊進行更動，而不整頁重刷，為什麼要用Ajax？Iframe不也可以做到相同效果？Iframe是很方便，不過也很多讓人困擾的地方，像是使用者的＂上一頁＂動作，會讓iframe上一頁，這對於程式設計者來說可是一大麻煩，因為要做的防堵動作變多了。而Ajax也不是完全沒有缺點，上傳檔案就是一大麻煩，Ajax並無法對mult的物件進行上傳的動作。
各取所需來進行程式的設計才是一項好的方式，而不是只是為了使用Ajax或是iframe而搞的亂無章法，下一篇將會簡單的說明怎麼使用Ajax設計程式。
參考資料
