TOP /すぐに使えるJavaScript | スライドメニュー上下(IE5〜 NN6〜) |
---|
<style type=text/css><!-- /*メニューのスタイル*/ #menu table{ color:#ffffff; background-color:#6688ff; font: bold 12pt Times New Roman; border-collapse:collapse; text-indent:5px; filter: Alpha(opacity=80); } /*OPENボタンのスタイル*/ #point{ color:#ffffff; background-color:#0000ff; font: bold 10pt Times New Roman; } /*リンクのスタイル*/ #menu A{ width:100%;color:#ffffff; text-decoration:none;display:block; } #menu A:hover{ width:100%;color:#6688ff;background-color:#ffffff; display:block; } #menu{position:absolute;top:0px;left:0px;z-index:1;} --></style> <script language="JavaScript"><!-- linkset=new Array(); linkset[0]=["TOP","http://himajin.moo.jp/","TOPページに戻ります"]; linkset[1]=["BBS","http://himajin.moo.jp/cool/favorite.cgi","何でも書いてね"]; linkset[2]=["Q&A","http://himajin.moo.jp/forum/wforum.cgi","Scriptの質問はこちらで"]; linkset[3]=["Mail","mailto:メールアドレス","HIMAJIN"]; //増やす時は linkset[連番]=["表示文字","アドレス","チップテキスト"]; linkw=100; //メニューの横幅 posL=50; //表示位置(横) //-------------------------------------------------------- cursorHand=(document.all)?"hand":"pointer"; document.write("<div id='menu'style='width:"+linkw+";left:"+posL+";'><table border=1>"); for(i in linkset){ tiptext=(linkset[i][2])?"title="+linkset[i][2]:""; document.write("<tr><td width="+linkw+"><a href='"+linkset[i][1]+"'"+tiptext+">"+linkset[i][0]+"</td></tr>"); } document.write("<tr align=center><td id='point'style='cursor:"+cursorHand+";'onclick='mflag=!mflag;Menuopen();'>MENU</td></tr></table></div>"); mflag=1; pointT=-document.getElementById("point").offsetTop; posT=pointT; Mobj=(document.all)?document.all("menu"):document.getElementById("menu"); Pobj=(document.all)?document.all("point"):document.getElementById("point"); function Menuopen(){ scrT=(document.all)?document.body.scrollTop:pageYOffset; Mobj.style.top=posT+scrT+"px"; if(!mflag){posT+=2;Pobj.innerHTML="MENU CLOSE";} else{posT-=2;Pobj.innerHTML="MENU OPEN";} if((posT<0 && !mflag)||(posT>pointT && mflag)) setTimeout("Menuopen()", 30) } function Menu(){ if(document.all){ Mobj.style.top=posT+document.body.scrollTop; }else{ Mobj.style.top=posT+pageYOffset+"px"; }} (document.all)?onscroll = Menu : setInterval('Menu()',100); onload=Menuopen;/*himajin.moo.jp*/ // --></script>