自分なりのheaderバーを完成させていく

※他にブログ内に変数が被ったようですので単でこの記事だけみるようにしてから

※ボタンを押してください

setTimeoutとclearTimeoutにより200pxでheaderをスライドさせました

ミリ秒とピクセル数でどちらで更新しようか悩みましたが

setTimeoutの方でスピードを変えました

このあたりの処理はよく分からないので、任せます

<script type="text/JavaScript">

head = 15;
function globalheader(){
document.getElementById("globalheader-container").style.height = head+"px";
head++;
stoptimer = setTimeout("globalheader()",1);
if(head == 200){stopTimer();}
}
function stopTimer() {
clearTimeout(stoptimer);
}
</script>

貼り付けると作動しますが、変数によっての上書きがあるかもしれません