Transition: PageFlip

Transition: Pop

Transition: Disolve

Transition: Cube

Things to Get Used To

jQTouch Video Tutorial

With jQTouch, an entire website is contained within a single html file. Each "page" is actually just a separate div with its own unique id.

Continue...

Things to Get Used To

All elements you intend to interact with via jQTouch must be given the class "touch", as well as any major sub elements. For instance, if you want to slide a div, but that div has a paragraph taking up most of it, the paragraph must also have the "touch" class so it doesn't get in the way.

Continue...

Things to Get Used To

To give a jQTouch site a native app feel, you can easily attach an icon image file to display the site with all your other apps and bookmarks, as well as a startup image file, which shows up when the site first starts loading.

Things to Get Used To

jQTouch comes with 8 page animations: slide, slideup, dissolve, fade, flip, pop, swap, and cube. All animations are handled with CSS3 and classes. Each time the user navigates to a new page, two animations occur: The new page animating in and the old page animating out. When the user hits a back button, an additional class of "reverse" is added to both elements.

...