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からダウンロードできるサンプルにはカウントアップするものが入っています。
経過や制限の時間とかを表示してみても面白いかもしれませんね。

サンプル

上見て下さい
Javascriptサンプルページ一覧
skuare.net

sponsors