overflowスタイルのScript.
Scriptプロパティ･･･＜overflow＞
●内容がページからはみ出た場合
●↓「開く」ボタンで内容を表示します
食材としての鮭
「アキアジ」と親しまれる、サンマとならぶ秋を代表する魚。日本でサケと呼ばれる仲間には、ギンザケ、ベニザケ、キングサーモンなどがあるが、普通塩ザケとして食べているのはシロザケ。 最近はキングサーモンなどの輸入品も多くなった上、一年を通じて食されている。昔から正月料理には、関東以北では塩ザケ、関西では塩ブリが必需品であった。サケは一般の家庭では生食には向かないため生サケを調理するか、塩ザケを買うかのどちらかである。サケの未成熟卵がスジコ、成熟卵がイクラ。 日本人が一年間に食べるサケの量は年間でおよそ４５万トン。
ビールのおいしいつぎ方
グラスは最も清潔なものを使うこと。事前に洗剤でよく洗い，そのまま伏せて乾かしまず。布巾などは使いません。飲む前にグラスを冷蔵庫で冷やしておく。ピールをつぐときは，最初グラスのふちから１ｃｍ上くらいのところまでビンの口を持っていき，そこで静かにそそぎます。ビールが満たされるとともにビンの口を上に上げ，グラスがら５〜１０ｃｍのところからつぐようにします。最後にいっぱいになりそうなところで再び１ｃｍくらい上の高さまでもどし，つき終わります。このときグラスは傾けないこと。最終的に泡とピールの比率が２対８になっていれば完璧。
Sample Source......................................................................>>>
<script language="JavaScript"><!--
flg = true;
function sBar(){
if(flg){
document.all.by.style.overflow="auto";;
bt.innerText = "このページのスクロールバーを非表示に";
flg = false;
}else{
document.all.by.style.overflow="hidden";;
bt.innerText = "このページにスクロールバーを表示";
flg = true;
}
}
function OpenClose(objDiv,objBtn){
objDiv.style.overflow = objDiv.style.overflow=="hidden" ? "" : "hidden";
objBtn.innerText = (objBtn.innerText=="閉じる") ? "開く" : "閉じる";
}
//-->
</script>
</head>
<body id="by" style="overflow:hidden";>
<p><button id="bt" onclick="sBar()">このページにスクロールバーを表示</button> </p>
<p>「開く」ボタンで内容を表示する</p>
<div id="d1" style="width:250;height:40;overflow:hidden;
border:thin solid green;float:left">
<div>食材としての鮭<button id="btn1" onclick="OpenClose(d1,btn1)">開く</button>
<p>「アキアジ」と親しまれる、サンマとならぶ ･･･ </p>
</div>
</div>
<div id="d2" style="width:250;height:40;overflow:hidden;border:thin solid green">
<div>ビールのおいしいつぎ方<button id="btn2" onclick="OpenClose(d2,btn2)">
開く</button>
<p> グラスは最も清潔なものを使うこと。事前に洗剤でよく洗い，････ </p>
</div>
</div>