Although altering elements in our application's pages is relatively easy, we can further enhance the user's experience by adding some animation to these elements as we change them.
We will use the
tween() method within the XUI library to alter a property of an image and tween the element to its new position on the screen.
headtag of the document.
readyevent handler to run our code once the DOM has fully loaded.
<!DOCTYPE HTML> <html> <head> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width;" /> <meta http-equiv="Content-type" content="text/html; ...