DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery 插件學習(六)
jquery 插件學習(六)
編輯:JQuery特效代碼     
. 代碼如下:
;(function($){
$.extend($.fn,{
color : function(options){
var options = $.extend({},$.fn.color.defaults,options);
return this.each(function(){
$(this).css("color",options.bcolor);
$(this).css("background",options.fcolor);
});
}//color==end
})
$.fn.color.defaults ={bcolor :"white",fcolor :"black"}

})(jQuery);

. 代碼如下:
$.fn.color.defaults ={bcolor:"#c06",fcolor:"red"}//寫自己的參數,設置顏色
$('h1').color();
$('p').color({bcolor:"#fff"});//重復覆蓋北背景色為白色,默認設置字體

上面的調用,有寫在外面的,有寫在()裡的,你學會了嗎? 這節的參數詳細說明就到這裡了,歡迎來到我的學習小天地。網上搜下插件學習,鋪天蓋地,卻沒有個真正解決我的問題,我仔細鑽研,希望你在這裡學到你想要的東西。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved