JQuery Clock

JavaScript

シンプルなアナログ時計を実装できる「JQuery Clock」

JQuery Clockはシンプルなアナログ時計を実装できます。画像を用いることなく、CSSを活用して実装できるのが特徴です。デジタル時計とは一味違った時計をWebページに設置したいという人はぜひチェックしてみてください。

JQuery Clock

デモ

デモでは丸いアナログチックな時計が表示されています。秒針もしっかり動いているところがいいですね。デジタルにはないアナログならではの愛着感が湧いてきます。

<script type="text/javascript">
    $(document).ready(function(){
        $('#clock').clock();
    });
</script>

あとは時計を表示したい場所にclockというID名を付与したdivを記述するだけという手軽さ。シンプルでかわいいアナログ時計を設置したい人は、ぜひ「JQuery Clock」を活用されてみてはいかがでしょうか?

JQuery Clock

no-imageテキストに応じてアンダーラインが伸び縮みする「Magic Line Menu」前のページ

3Dキューブによる画像ギャラリー「3D Cube Image Gallery」次のページno-image

関連記事

  1. jQuery Accordion

    JavaScript

    シンプルで実用的なアコーディオン実装「jQuery Accordion」

    とてもシンプルで操作性のよいアコーディオン「jQuery Accord…

  2. PIGNOSE Calendar

    JavaScript

    美しくてシンプルに使えるデートピッカー実装「PIGNOSE Calendar」

    PIGNOSE Calendarは、美しくてシンプルな操作性によるデー…

  3. BookBlock Revised
  4. fullPage.js

    JavaScript

    フルページでコンテンツごとにスクロールする「fullPage.js」

    fullPage.jsはフルページでコンテンツごとにスクロールするレス…

  5. No Vacancy

    JavaScript

    ネオンサインのようなエフェクトを実装できるjQueryプラグイン「No Vacancy」

    テキストにネオンサインのようなエフェクトを実装することができるjQue…

  6. JavaScript

    フォーム内にあるplaceholderの利便性を高めてくれるjQueryプラグイン「FlowupLa…

    フォームを入力する際にあると便利なのがplaceholderです。しか…

最近の記事

  1. スターバックス ハウスブレンド
  2. Anker PowerHouse 100
  3. ミニミニ温度計(シルバー)

アーカイブ

PAGE TOP