ホームページ >ウェブフロントエンド >H5 チュートリアル >jQuery と HTML5 に基づいたカレンダー時計プラグインの詳細なグラフィックとテキストの説明

jQuery と HTML5 に基づいたカレンダー時計プラグインの詳細なグラフィックとテキストの説明

黄舟
黄舟オリジナル
2017-03-08 15:51:212355ブラウズ

jQuery は依然として非常に人気のある Web フロントエンド JavaScript フレームワークです。今回紹介するのは、jQuery に基づいたカレンダー時計プラグインです。一部のカレンダー プラグインは HTML5 テクノロジーに基づいて実装されているため、アニメーション効果は次のとおりです。かなり良い。興味のあるお友達はぜひ行ってみてください。

1. イベント記録機能を備えた jQuery カレンダー プラグイン

この jQuery カレンダー プラグインの大きな特徴は、各日付の後にイベントを記録し、リマインダー時間を設定できることです。インスタントリマインダーAPPに改良することもできます。

jQuery と HTML5 に基づいたカレンダー時計プラグインの詳細なグラフィックとテキストの説明

2. 豪華なHTML5/CSS3日付ピッカー

このHTML5カレンダープラグインは、非常に美しい外観が特徴で、日付ボタンには凹型の3D効果があり、マウスをスライドさせると、ただし、日付の背景は変わります。

jQuery と HTML5 に基づいたカレンダー時計プラグインの詳細なグラフィックとテキストの説明

3. jQuery の超クールな飛行機時計特殊効果プラグイン

この jQuery 時計は、全体的に飛行機で、時針、分針、秒針がさらに特徴的です。時計はすべて平らな場所にあり、円で数を数えるディスク時計とは異なり、平らな面上をスライドして周期的に数を数えます。

jQuery と HTML5 に基づいたカレンダー時計プラグインの詳細なグラフィックとテキストの説明

4. 日付範囲付きのHTML5/CSS3日付選択プラグイン

このHTML5カレンダープラグインの特徴は、特定の時間範囲を選択し、日付範囲をカスタマイズできることです。 。

jQuery と HTML5 に基づいたカレンダー時計プラグインの詳細なグラフィックとテキストの説明

5、jQuery/HTML5 ストップウォッチ アニメーション

これは、他の jQuery カレンダー プラグインとは異なり、タイミングと統計に使用される jQuery および HTML5 に基づくディスク ストップウォッチ アニメーションです。

jQuery と HTML5 に基づいたカレンダー時計プラグインの詳細なグラフィックとテキストの説明

6. JavaScript日付選択コントロールKalendae

Kalendaeは、複数のカレンダーを同時に表示し、日付を選択できるのが特徴です。 。

jQuery と HTML5 に基づいたカレンダー時計プラグインの詳細なグラフィックとテキストの説明

7. HTML5ディスククロック

このHTML5ディスククロックのUIはやはり優れており、これを個人のホームページに追加すると、実際のディスククロックの効果がシミュレートされます。時計アニメーションを使用すると、あなたの個人的なホームページがよりパーソナライズされます。

jQuery と HTML5 に基づいたカレンダー時計プラグインの詳細なグラフィックとテキストの説明

8. フラット スタイルの jQuery カレンダー コンポーネント

この jQuery カレンダー プラグインはフラット スタイルで、見た目が非常にすっきりしており、週と日付を選択できます。

jQuery と HTML5 に基づいたカレンダー時計プラグインの詳細なグラフィックとテキストの説明


以上がjQuery と HTML5 に基づいたカレンダー時計プラグインの詳細なグラフィックとテキストの説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。