迴轉壽司互動網頁

jQuery

使用 jQuery 所製作的簡易動態互動網頁。使用者開啟網頁時,畫面會顯示一條持續向左移動的輸送帶。點擊畫面後,畫面的右側將會隨機出現不同種的壽司向左移動。

為了確保壽司移動動畫能夠在不同的顯示器觀看,因此該網頁除了會依照畫面的長寬比例,對物件尺寸作微調之外,壽司的移動速度也會根據螢幕的寬度改變,讓壽司滯留於網頁可視範圍的時間能固定。

該網頁的動畫效果或類似概念,後續可延伸應用於其他網頁當中,增加網頁的互動性與趣味性。