2011-08-31 52 views
1

我希望完成這樣的事情使用jQuery Mobile的(理想情況下,沒有額外的插件):http://demo.tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/demo.phpjQuery Mobile的 - 在應用過渡效果個別DOM元素

我可以把它只有一個使用元素的網頁工作和「數據相對=對話框」..但它變得相當複雜的多個項目。

我想知道是否有辦法在不使用data-role = page屬性的情況下調用「flip」轉換。換句話說,只需翻轉任何普通的div。

是這樣的可能嗎?

回答

1

所以,你只是想在你的一個頁面上有一個元素,你可以像翻轉牆上的各個標誌一樣翻轉?你絕對可以做到這一點。那些(這裏假設,因爲我沒有詳細看過它)是CSS動畫。儘管它們在所有的瀏覽器中都不被支持(主要是基於webkit的,但這是你的主要移動設備,Mac和發燒友PC用戶羣)。

看看這篇文章從網站的藝術:

http://www.the-art-of-web.com/css/3d-transforms/

這應該讓你的道路上,你想上。

+0

謝謝先生!我覺得這件事完全是明顯的。看到我的應用程序只是iPad,css 3d轉換將完美運行。 –

0

要將翻轉動畫添加到元素,只需將翻轉類添加到它。 您可以將任何效果應用於任何元素,請查看css文件以獲取更多效果。

$(element).addClass("flip"); // to flip it 
$(element).removeClass("flip"); // after the animation is complete