As Web designers and front-end developers, it’s our job to make the user interface for a Web site usable. Oft en that involves moving elements on and off the screen in order to fit more content on one page. Users want and expect instant gratification: They don’t want to wait around for clunky Web sites that have many, many pages and take forever to load. Facebook, the most popular social network, with more than 500 million users, has a very interactive and fun interface driven by JavaScript. If you log in to your Facebook page, you can chat with friends and check your friend feed without having to request a new page. This user experience is created using JavaScript eff ects such as show/hide and animations. Web sites like Facebook are setting the bar high for what users are expecting from an online experience. Geolocation-based applications are starting to gain more popularity. Many of these Web sites incorporate front-end JavaScript Google Maps-type technologies. jQuery provides basic effects, such as showing, hiding, sliding, and fading. Data below outlines the basic effects that are all set up in a similar fashion and have the same optional parameters that can be passed into the methods.
show() : Shows an element
hide() : Hides an element
toggle() : Toggles between show and hide using click event
slideDown() : Slides element down
slideUp() : Slides element up
slideToggle() : Toggles between sliding down and sliding up
fadeIn() : Fades element in to opaque
fadeOut() : Fades element out to transparent
fadeTo() : Fades element to specified opacity
0 comments:
Post a Comment