faviconに数字のバッジを付けられるJavaScript「Tinycon」
tommoor/tinycon - GitHubはそんなJavaScriptです。
sponsors
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
記事作成:2012年2月 9日 09:51
記事URL:http://www.skuare.net/2012/02/faviconjavascripttinycon.html
TOP > javascript > faviconに数字のバッジを付けられるJavaScript「Tinycon」
前の記事:ソーシャルメディアへの共有をまとめてくれるJavaScript「Sharrre」
次の記事:義理チョコでFacebookのウォールを埋められるサービス「Giri me choccolate」