このページの一番上のタイトルはページをスクロールしてもいつもウィンドウの上部に表示されています。
ここは広告バナーが表示されるので具合が悪いです。
長いページなどでこの方法でメニューを表示させたりするのもいいでしょう。
使い方は貴方のアイデア次第です。
それではソースです。
<STYLE type=text/css>
<!--
#t_layer {
LEFT:0px; POSITION: absolute; TOP:0px;}
-->
</STYLE>
</HEAD>
<BODY margin: 0px bgcolor="#b9b973"
text="#660000">
このＢＯＤＹタグに margin:0px というのを書かないと上に隙間ができます。
bgcolor や textの色はお好みに変えてください。
<DIV id="t_layer" align="center">
<TABLE bordercolor="#000000"
cellspacing="1" cellpadding="3"
width="800">
width を小さくすると表の大きさが変わります。ウィンドウいっぱいに表示するならこれぐらいです。
<TBODY>
<TR>
<TD align="middle" bgcolor="#0080ff"
width="777"><FONT color="#ffffff">１０歩手前から始めるパソコン</FONT></TD>
この日本語の部分を好きなように変更して下さい。
</TR></TBODY></TABLE></DIV>
<SCRIPT language=javascript>
top_layer = document[document.all ? "all"
: "layers"]["t_layer"]
function move_title() {
win_Y = (document.all ? document.body.scrollTop
: window.pageYOffset);
lay_Y = (document.all ? top_layer.style.pixelTop
: top_layer.top);
sonosa = lay_Y - win_Y;
(sonosa>0)?pos=sonosa:pos=Math.round(sonosa/5);
if (document.all)
top_layer.style.pixelTop -= pos
else
top_layer.top -= pos
}
window.setInterval("move_title()",10)
ここで変えてもいいのは、ここの1０の部分だけです。小さくすると移動が早くなります。
</SCRIPT> |
すこしややこしいので、あまり考えずにこのまま使いましょう。
ごちゃごちゃと書いてある部分はブラウザが ＩＥ か ＮＮ かを判別している部分です。
表の中にメニューを書き込んだりは普通に出来ます。
|