faviconに数字のバッジを付けられるJavaScript「Tinycon」

faviconに数字のバッジを付けられるJavaScript「Tinycon」サンプル faviconに数字を乗せられると新着記事数や日付など様々なお知らせをお知らせすることができます。
tommoor/tinycon - GitHubはそんなJavaScriptです。

tommoor/tinycon - GitHubからファイルをダウンロード。
<script type="text/javascript" src="tinycon.js"></script>
<script>
(function(){
Tinycon.setBubble(2); //()内の数字が表示されます。
Tinycon.setOptions({ //オプション
width: 7, //幅
height: 9, //高さ
font: '10px arial', //フォント
colour: '#ffffff', //フォント色
background: '#549A2F' //背景色
});
})();
</script>

以上で、完成です。
GitHubからダウンロードできるサンプルにはカウントアップするものが入っています。
経過や制限の時間とかを表示してみても面白いかもしれませんね。

sponsors

「faviconに数字のバッジを付けられるJavaScript「Tinycon」」をシェアする

記事作成:
記事URL:

TOP > > faviconに数字のバッジを付けられるJavaScript「Tinycon」