jquery插件jquery倒計(jì)時(shí)插件分享
$(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; }
//設(shè)定倒計(jì)時(shí)開(kāi)始的號(hào)碼
$(this).text(to).css('fontSize', settings.startFontSize);
//頁(yè)面動(dòng)畫(huà)
$(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的倒計(jì)時(shí)插件代碼
- 整理8個(gè)很棒的 jQuery 倒計(jì)時(shí)插件和教程
- jquery 倒計(jì)時(shí)效果實(shí)現(xiàn)秒殺思路
- jQuery實(shí)現(xiàn)倒計(jì)時(shí)跳轉(zhuǎn)的例子
- Jquery倒計(jì)時(shí)源碼分享
- jQuery實(shí)現(xiàn)倒計(jì)時(shí)按鈕功能代碼分享
- JQuery仿小米手機(jī)搶購(gòu)頁(yè)面倒計(jì)時(shí)效果
- 利用jQuery實(shí)現(xiàn)漂亮的圓形進(jìn)度條倒計(jì)時(shí)插件
- 基于jQuery倒計(jì)時(shí)插件實(shí)現(xiàn)團(tuán)購(gòu)秒殺效果
相關(guān)文章
jquery <li>標(biāo)簽 隔若干行加空白或者加虛線的方法
下面小編就為大家?guī)?lái)一篇jquery <li>標(biāo)簽 隔若干行加空白或者加虛線的方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12基于jquery實(shí)現(xiàn)輪播焦點(diǎn)圖插件
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)輪播焦點(diǎn)圖插件,具有一定的參考價(jià)值,代碼很詳細(xì),感興趣的小伙伴們可以參考一下2016-03-03jQuery下通過(guò)$.browser來(lái)判斷瀏覽器.
用jQuery來(lái)判斷瀏覽器的類(lèi)型,主要是使用$.browser這個(gè)工具類(lèi)2011-04-04jQuery實(shí)現(xiàn)每隔幾條元素增加1條線的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)每隔幾條元素增加1條線的方法,可實(shí)現(xiàn)每隔10條li元素增加一條虛線的功能,涉及jQuery元素的匹配與屬性動(dòng)態(tài)設(shè)置技巧,需要的朋友可以參考下2016-06-06jQuery實(shí)現(xiàn)仿微軟首頁(yè)感應(yīng)鼠標(biāo)變化滑動(dòng)窗口效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿微軟首頁(yè)感應(yīng)鼠標(biāo)變化滑動(dòng)窗口效果,基于jQuery響應(yīng)鼠標(biāo)事件簡(jiǎn)單實(shí)現(xiàn)動(dòng)畫(huà)效果,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-10-10選擇TreeView控件的樹(shù)狀數(shù)據(jù)節(jié)點(diǎn)的JS方法(jquery)
前些日子為了提高人性化選擇樹(shù)狀權(quán)限的功能,根據(jù)樹(shù)的結(jié)構(gòu)用jquery寫(xiě)了個(gè)方法。2010-02-02實(shí)例詳解jQuery的無(wú)new構(gòu)建
這篇文章運(yùn)用實(shí)例介紹了jQuery的無(wú)new構(gòu)建,小編感覺(jué)介紹的非常詳細(xì),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧。2016-08-08jQuery 隔行換色 支持鍵盤(pán)上下鍵,按Enter選定值
jQuery 隔行換色 支持鍵盤(pán)上下鍵,按Enter選定值2009-08-08