Home » jQuery Mobile

Apply Page transitions in jQuery Mobile application | Animation

2 March 2011 2 Comments
Share on Facebook

Transitions in jQuery mobile includes six CSS transition effects that can be applied to any object in the code and page transition, that is when you navigate to a new page or move back using back button.

six CSS transition effects in jQuery Mobile

  • slide
  • slideup
  • slidedown
  • pop
  • fade
  • flip

Add a transition effect to a link:

<a href="page2.html" data-transition="slidedown">Slide down to page2</a>




We don't share your email anywhere, grab our rss via feedburner


  • Ed Boal said:

    I have a problem with this. I do exactly the same thing but it will not open the page – instead I have to add rel=”external” and it means that I cannot have a page transition. Very annoying!

    Any ideas?

  • admin said:

    Is it possible to share the webpage or code..

Leave your response!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.