jQuery Mobile - die Anwendung von übergangs-Effekte für die einzelnen dom-Elemente

Ich bin auf der Suche, um etwas zu erreichen, wie dies unter Verwendung von jQuery Mobile (und idealerweise ohne zusätzliche Plug-ins): http://demo.tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/demo.php

Kann ich machen, damit es funktioniert mit nur einem element über die Seiten und "data-rel=" dialog.. aber es ist etwas kompliziert mit mehreren Elementen.

Ich Frage mich, ob es einen Weg gibt, rufen Sie die "flip" übergang ohne mit der data-role=page-Attribut. In anderen Worten, drehen Sie einfach keine ordentliche div.

Ist so etwas möglich?

InformationsquelleAutor Joseph Wer | 2011-08-31

  1. 1

    So dass Sie nur wollen, dass ein element auf eine Ihrer Seiten, die Sie leicht schlagen können, wie die einzelnen logos, die auf der flip-Wand? Sie können absolut tun. Diese (vorausgesetzt hier, da habe ich nicht angeschaut, es im detail) sind CSS-Animationen. Sie werden nicht unterstützt in allen Browsern, aber (in Erster Linie nur auf webkit-Basis, aber das ist deine große mobile, Mac und PC-Enthusiasten Publikum).

    Check-out dieser Artikel aus Der Kunst Web:

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

    Dass sollte Euch auf die Straße zu, wo Sie sein möchten.

    Ich danke Ihnen, sir! Ich dachte, es war etwas ganz offensichtlich über diese. Da, wie meine app iPad nur die css-3d-Transformationen funktionieren perfekt.

    InformationsquelleAutor Joe Bedurndurn

  2. 0

    Hinzufügen, um die flip-animation auf ein element, fügen Sie einfach die flip-Klasse zu.
    Können Sie einen beliebigen Effekt auf ein beliebiges element, nehmen Sie einen Blick auf die css-Datei für mehrere Effekte.

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

    InformationsquelleAutor Tigertron

Schreibe einen Kommentar