Q

像HTML中的過渡效果的桌面

2012-10-07 46 views 1 likes

1

我想在我的HTML Web應用程序中創建導航幻燈片動畫效果。我只是想知道是否有可能。像HTML中的過渡效果的桌面

方案是：第1頁=聯繫人清單，頁2 =聯繫方式。

當用戶選擇在上市的聯繫人，然後點擊細節我想接觸掛牌截止向左滑動和聯繫人詳細信息從右側（就像在iOS導航應用）的幻燈片。

這可能嗎？聯繫人列表和詳細信息是兩個單獨的網頁。

任何意見，將不勝感激。

謝謝

2012-10-07 Matt

A

回答

1

我的第一個想法是使用JQuery的移動過渡。該框架是非常接近的iOS

http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-transitions.html

的UI，但你必須要由你單獨網頁的意思更清晰。如果您正在使用動態內容，則可以使用iframe，定位標籤或甚至ajax調用。

個人而言，我真的很喜歡jQuery的移動方式。每「頁」被包裹在一個HTML文檔中的頁面標記的div，也可以加載不同的過渡效果

額外的HTML頁面，在這個例子中 http://jsfiddle.net/4Bgx7/2648/

2012-10-07 04:08:08 TheodoreV

+0

沒有每個頁面都是看看一個單獨的「頁面」即不同的超鏈接（不是＃哈希clientside路由）。但仍想要給出平穩過渡的效果。我知道在實際的頁面加載轉換之間會有輕微的障礙，但是一旦頁面處於緩存狀態而不是該緩衝區應該很小。 – Matt

+0

查看jQuery的移動緩存方法 http://jquerymobile.com/test/docs/pages/page-cache.html 我建議避免使用單獨的，因爲你想沒有滯後。如果你想避免jQuery Mobile的看看這個精巧的例子， http://www.fasw.ws/faswwp/non-jquery-page-transitions-lightweight/ – TheodoreV

相關問題