jQuery Mobile - 为各个dom元素应用过渡效果

时间:2011-08-31 18:39:17

标签: jquery jquery-mobile transition flip

我希望使用jQuery Mobile完成这样的事情(理想情况下,没有额外的插件):http://demo.tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/demo.php

我可以使用页面和“data-rel = dialog”只使用一个元素..但是多个项目会变得非常复杂。

我想知道是否有办法在不使用data-role = page属性的情况下调用“翻转”转换。换句话说,只需翻转任何普通的div。

这样的事情可能吗?

2 个答案:

答案 0 :(得分:1)

所以你只想在你的一个页面上看到一个元素,你可以像翻转墙上的单个徽标一样翻转?你绝对可以做到这一点。那些(假设在这里,因为我没有详细看过)是CSS动画。虽然它们并非在所有浏览器中都受支持(主要是基于webkit的浏览器,但这是您的主要移动设备,Mac和发烧友PC群)。

查看The Art of Web上的这篇文章:

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

这应该让你走上你想去的地方。

答案 1 :(得分:0)

要将翻转动画添加到元素,只需将翻转类添加到元素即可。 您可以对任何元素应用任何效果,请查看css文件以获得更多效果。

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