ファビコンの上に数字アラートを表示するjsライブラリ Tinycon

Tinyconはファビコンの上に数字アラートを表示するjsライブラリです。

cap4

アイコンに新着メッセージ数などを表示したいときに使えます。
Gmailにも未読数をアイコンで表示する機能がありますが、同様の機能が実装できます。

mod_unreadcountfavicon

対応ブラウザは、Chrome、Firefox、Operaです。
IEやSafariはブラウザ自体に機能が無いので、実装できません(※2016/01/29時点)。

スポンサーリンク

デモ

デモページを用意しました。

ダウンロード

GitHubの「Download Zip」ボタンからダウンロードします。

使い方

「tinycon.min.js」を読み込みます。jQueryは不要です。

実行用のスクリプトはこれだけです。

今回は、1秒(1000ミリ秒)ごとにカウントを一つずつ増やしてみました。

オプションで、色やフォントサイズを変更できます。

cap6

ドキュメント

スポンサーリンク
Tinycon – ファビコンの上に数字アラートを表示するjsライブラリ

人気の記事

コメントを投稿する

  • Posted on 2016.01.29
  • Views 735