我希望使用jQuery Mobile完成这样的事情(理想情况下,没有额外的插件):http://demo.tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/demo.php
我可以使用页面和“data-rel = dialog”只使用一个元素..但是多个项目会变得非常复杂。
我想知道是否有办法在不使用data-role = page属性的情况下调用“翻转”转换。换句话说,只需翻转任何普通的div。
这样的事情可能吗?
答案 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