JavaScript

スクロールバーにあと何分で読めるかを表示してくれるjQueryプラグイン「jQuery Reading Time」

とてもシンプルですが何気に便利そうだったので使ってみました。長文記事を読む時なんかに、下へスクロールしていくとスクロールバーにあと何分で読めるか時間を表示してくれるjQueryプラグイン「jQuery Reading Time」です。スクロールに追従してくれるのでどの位置にいても時間を確認することができます。

[ads_center]

使い方

使い方はとても簡単です。以下のようにHTMLを記述します。

<div class="post">
    <p>sample text sample text sample text...(以下略)</p>
</div>

jQuery本体とダウンロードしたJSファイルをhead内に読み込み、プラグインをセットすればOKです。

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1'></script>
<script src="jquery.readingTime.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
    $('.post').readingTime();
});
</script>

こんな感じでスクロールバーにあと何分かを表示してくれます。便利ですね。

jQuery Reading Time

ダウンロードや詳細は以下からどうぞ。

Ion Zoomシンプルで美しいLightbox系のjQueryプラグイン「Ion Zoom」前のページ

三脚不要で1枚のRAWからHDRを作成するやり方(Lightroom・Photoshop CS6)次のページ1枚のRAWからHDR作成

関連記事

  1. zelect

    JavaScript

    セレクトボックスをカスタマイズして使いやすくしてくれる「zelect」

    zelectはセレクトボックスをユーザーが使いやすくなるようにカスタマ…

  2. photowall

    JavaScript

    Google画像検索のようにサムネイル画像をクリックするとスライド表示されるjQueryプラグイン「…

    Google画像検索のようなアニメーションを実装することができるjQu…

  3. MenuSpy

    JavaScript

    セクションビュー対応のナビゲーションメニュー実装「MenuSpy」

    MenuSpyは、ナビゲーションメニューを作成するためのjsライブラリ…

  4. Blindify
  5. JavaScript

    アイコンをクリックすると周りにメニューが表示されるjQueryプラグイン「FerroMenu」

    FerroMenuというjQueryプラグインを使えばアイコンをクリッ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. Apple WatchでのMacロック解除を無効
  2. オータムスイートポテトフラペチーノ
  3. 紅葉
  4. ナノケア EH-NA0E
  5. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP