From the course: jQuery Mobile Essential Training
Join today to access over 22,500 courses taught by industry experts or purchase this course individually.
Using page transitions - jQuery Mobile Tutorial
From the course: jQuery Mobile Essential Training
Using page transitions
jQuery Mobile gives you fine grain control over several parts of the library and one of those areas is in page transitions. Now if you've been watching up until this point, you've probably noticed that the default page transition is this fading effect, but you can customize that on a per link basis. There's six of them built in and I've listed them here. They are fade, flip, pop, slide, slideDown, and slideUp. Now, these are the built-in ones and if you feel like getting a little bit fancy, there actually is a plug-in extensibility architecture just like there is in regular jQuery, so you can build your own page transition customizations. Now, that's a little bit advanced, so I'm not going to go into that here, but it does exist if you want to do it. So, each one of these transitions does pretty much what its name implies, so the best way to see this is to actually just watch it in action. So, let's go over to the code. And here in Aptana Studio I've got my snippets file open to…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.