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. no-image

    JavaScript

    フォームに文字制限を設定できるjQueryプラグイン「Character Limit」

    Character Limitは、フォーム要素に文字制限を設定するため…

  2. SweetAlert
  3. no-image

    JavaScript

    タッチフレンドリーでモバイルでも快適に動作する「simplelightbox」

    simplelightboxはレスポンシブ対応でタッチフレンドリーなl…

  4. Art Text Light jQuery plugin

    JavaScript

    テキストに光が移動するエフェクトを与えることができる「Art Text Light jQuery p…

    指定したテキストに光が移動するエフェクトを与えることができるjQuer…

  5. plusGallery

    JavaScript

    Google+のような画像ギャラリーを実装できる「plusGallery」

    plusGalleryはGoogle+のような画像ギャラリーを実装する…

  6. underline.js

    JavaScript

    遊び心あるアニメーションと美しさを追求したアンダーライン「underline.js」

    underline.jsはアニメーションが付いた美しいアンダーラインを…

最近の記事

  1. ゴムの耳栓
  2. ライオンコーヒー(バニラマカダミア)
PAGE TOP