jquery简单的插件制作fn.extend - javascript

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <script type="text/javascript" src="jquery.js"></script>
    <title>jquery简单的插件制作</title>
    <script type="text/javascript">
    (function ( $ ) {
        $.fn.greenify = function ( options) {
            var settings = $.extend({
              color:"#556b2f",
              backgroundColor:'#000',
              padding:'20px'
            }, options );
            return this.css( {
                color:settings.color,
                backgroundColor : settings.backgroundColor,
                padding : settings.padding
            });
            
        };
    }( jQuery ));
    $(document).ready(function(){
 
        $("div").greenify({
            color:"#000",
            backgroundColor:'#ccc',
            padding:'50px'
        })
 
    });
    </script>
 
</head>
 
<body>
<div id="accordion">
jquery简单的插件制作
</div>    
</body>
</html>

转载请注明：谷谷点程序 » jquery简单的插件制作fn.extend