2010/04/27

twitterガジェットHowTo(JavaScript)


<!-- twitter follow badge by go2web20 --> 
<script src='http://files.go2web20.net/twitterbadge/1.0/badge.js' type='text/javascript'></script> 
<script type='text/javascript' charset='utf-8'>
<!--
tfb.account = 'アカウント'; // twitterアカウント名
tfb.label = 'follow-me';
tfb.color = '#333333';    // 色の設定
tfb.side = 'r';
tfb.top = 150;
if(navigator.appName=="Microsoft Internet Explorer"){
ieshowbadge(tfb);
}else{
tfb.showbadge();
document.getElementById('tfbAbout').style.position="fixed";
}
-->
</script>




もし、ランダムに色を変えてみたくなったら以下を試してみる。



// アイコン?の色をjsで設定
tfb.color = ore();

// よしなに色を生成する関数
function ore() {
// 0~1までのランダム数かRGBの最大値16777215で生成したものをまるめる。
var color = Math.floor(Math.random() * 0xFFFFFF).toString(16);
for(count = color.length; count < 6; count++) {
color = "0" + color;
}
return "#" + color;
}


ちなみに、toString(16)は、Numberオブジェクトの16進数に変換した文字列にする便利関数。