新しいはてなブックマークレットがリリースされました。
制作スタッフ一覧がはてなブックマークのホットエントリー(短期間に多くのブックマークを集めたエントリー)にあがってくる盛り上がり。
ふと、映画のスタッフロール調にするネタを思いついたんだけど先にid:amachangにやられてました。
悔しいのではじめに考えていたよりももっとこったスタッフロールを作りました。
{
var trim=function(str){
return str.replace(/^\s*/,"").replace(/\s*$/,"");
};
var children=document.getElementById("main").getElementsByTagName("dl")[0].childNodes;
var lines=[];
var screen=document.createElement("div");
screen.style.backgroundColor="#000000";
for(var i=0;i<children.length;i++){
var child=children[i];
if(child.nodeType!=1){continue;};
var tagName=child.tagName;
var splited;
switch(tagName.toLowerCase()){
case "dt":
splited=[child.innerHTML];
break;
case "dd":
splited=child.innerHTML.split(",");
break;
};
for(var j=0;j<splited.length;j++){
var line=document.createElement("div");
line.style.color="#ffffff";
line.style.textAlign="center";
line.style.fontSize="12px";
line.innerHTML=trim(splited[j]);
switch(tagName.toLowerCase()){
case "dt":
line.style.fontWeight="bold";
line.style.marginTop="12px";
break;
case "dd":
break;
};
lines.push(line);
screen.appendChild(line);
}
}
var line=document.createElement("div");
line.style.textAlign="center";
line.style.marginTop="36px";
var image=document.createElement("img");
image.src="http://www.hatena.ne.jp/images/top/h1.gif";
image.style.border="4px solid #ffffff";
line.appendChild(image);
lines.push(line);
screen.appendChild(line);
document.body.style.overflow="hidden";
scrollTo(0,0);
document.body.appendChild(screen);
timer=(function(screen,lines){
var y=document.body.offsetHeight;
var count=0;
var diff=(new Date()).getMilliseconds();
screen.style.position="absolute";
screen.style.top="0px";
screen.style.left="0px";
screen.style.bottom="0px";
screen.style.right="0px";
screen.style.margin="0px";
screen.style.padding=y+"px 0px";
return function(){
for(var i=0;i<lines.length;i++){
lines[i].style.marginLeft=
parseInt(Math.round(Math.sin(Math.PI*(count+diff-i*5)/180)*100)+0.1,10)+"px";
lines[i].style.marginRight=
parseInt(Math.round(Math.sin(Math.PI*(count+diff-i*5)/120)*100)+0.1,10)+"px";
}
screen.style.marginTop=-count*1+"px";
count++;
}
})(screen,lines);
setInterval(timer,50);
})();
){kind=link}
相変わらずFirefoxでしか動作確認していません。
終了処理などは全く考慮していないので、最後はページを更新するかウィンドウを閉じてください。
終了処理などは全く考慮していないので、最後はページを更新するかウィンドウを閉じてください。
2008/11/26 追記
引っかかるような動きをすることがあったので修正しました。
書き忘れていましたが、実行の度に動きが少しずつ変わるようにしています。
書き忘れていましたが、実行の度に動きが少しずつ変わるようにしています。