Advanced Search

Return to Snippet

Revision: 21882
at December 22, 2009 15:41 by magicrebirth
Initial Code 
jQuery('div#message').addClass(
	'borderfade'
).animate({
   'borderWidth': '+10px'
}, 1000).fadeOut();


// Can be 'packaged' as:

jQuery.fn.dumbBorderFade = function() {
    return this.addClass(
        'borderfade'
    ).animate({
       'borderWidth': '+10px'
    }, 1000).fadeOut();
};

// Now we can apply it to an element like so:

jQuery('div#message').dumbBorderFade();
Initial URL 

                                

                                                            

                                    

                                        

                                        Initial Description
                                        

                                    

                                    
the plugin model in JQuery takes advantage of JavaScript’s prototype inheritance and makes it trivially easy to add new chainable methods

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
JQuery: package stuff into a plugin

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    
plugin

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
jQuery