ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryプラグイン jqueryカウントダウンプラグイン Sharing_jquery

jqueryプラグイン jqueryカウントダウンプラグイン Sharing_jquery

WBOY
リリース: 2016-05-16 17:06:51
オリジナル
1275 人が閲覧しました

コードをコピー コードは次のとおりです:

$(document).ready(function () {
/* 延迟関数 */
jQuery.fn.lay = function (time, func) {
return this.each( function () {
setTimeout(func, time);
});
};
jQuery.fn.countDown = function (settings, to) {
設定 = jQuery.extend( {
startFontSize: '36px',
endFontSize: '12px',
期間:
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);
//页面アニメ
$ (これ).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('すべてここで報酬を与えます!').css('color', '#090');
}
});
});

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート