jquery插件jquery倒計時插件分享
更新時間:2013年12月27日 09:20:00 作者:
jquery倒計時插件分享,大家參考使用吧
復制代碼 代碼如下:
$(document).ready(function () {
/* 延遲函數(shù) */
jQuery.fn.delay = function (time, func) {
return this.each(function () {
setTimeout(func, time);
});
};
jQuery.fn.countDown = function (settings, to) {
settings = jQuery.extend({
startFontSize: '36px',
endFontSize: '12px',
duration: 1000,
startNumber: 10,
endNumber: 0,
callBack: function () { }
}, settings);
return this.each(function () {
if (!to && to != settings.endNumber) { to = settings.startNumber; }
//設定倒計時開始的號碼
$(this).text(to).css('fontSize', settings.startFontSize);
//頁面動畫
$(this).animate({
'fontSize': settings.endFontSize
}, settings.duration, '', function () {
if (to > settings.endNumber + 1) {
$(this).css('fontSize', settings.startFontSize).text(to - 1).countDown(settings, to - 1);
}
else {
settings.callBack(this);
}
});
});
};
//使用
$('#countdown').countDown({
startNumber: 10,
callBack: function (me) {
$(me).text('All done! This is where you give the reward!').css('color', '#090');
}
});
});
相關文章
jQuery實現(xiàn)仿微軟首頁感應鼠標變化滑動窗口效果
這篇文章主要介紹了jQuery實現(xiàn)仿微軟首頁感應鼠標變化滑動窗口效果,基于jQuery響應鼠標事件簡單實現(xiàn)動畫效果,非常簡單實用,需要的朋友可以參考下2015-10-10
選擇TreeView控件的樹狀數(shù)據(jù)節(jié)點的JS方法(jquery)
前些日子為了提高人性化選擇樹狀權限的功能,根據(jù)樹的結構用jquery寫了個方法。2010-02-02

