JavaScript Tutorial. 10 jQuery scripts to improve your site’s interface | Design daily news. With the past years rise of web 2.0, javascript frameworks have developed and made it easy for the average webmaster to make his site more dynamic. One of those frameworks, jQuery, has become extremely popular due to its ease of use and its incredibly light weight.
Following are ten jQuery scripts to improve your site’s interface. Thickbox Focus on some content, image or webform, through a modal window. When to use it? Script, demo and documentationWordPress plugin Tabulations Create tabbed views of content. When to use it? Script, demo and documentation Coda slider Create a slider like the one you can see on Coda’s website. When to use it? Script, demo and documentationWP Coda: A great WordPress theme that allows you to easily create a Coda-like website with WordPress. Galleria Galleria is a javascript image gallery written in jQuery. When to use it? Script, demo and documentation jTip Tooltip solution based on jQuery, flexible and customizable. When to use it? Stylesheet switcher When to use it? CrossSlide - A jQuery plugin to create pan and cross-fade animations.
CrossSlide is a jQuery plugin implementing in 2kB 1 of Javascript code some common slide-show animations, traditionally only available via Adobe Flash™ or other proprietary plugins. CrossSlide builds upon jQuery's animation facility, so it is as portable across browsers as jQuery itself (that is, a lot!) Internally CrossSlide does not rely on lookup tables, building instead a "chain" of functions.
Each function starts a linear phase of the animation through jQuery, setting the next function in the chain as a complete callback. After all the functions are prepared and the animation is started, no other calculations are made. This setup reduces runtime overhead to the absolute minimum, making CrossSlide the most optimized implementation of these effects. CrossSlide can create a few different effects, depending on how it's called. Static cross-fade The simplest effect, a cross-fade between static pictures is just as simple to set up: Slide and cross-fade Here is the jQuery code to set it up:
jQuery: The Write Less, Do More, JavaScript Library. Trail: Learning the Java Language: Table of Contents (The Java™ Tutorials)