ホーム >>> HTML整理ノート

visibility の活用

表示したい項目の○をクリックし選択して下さい。

梅のいわれ 日本の気候風土と梅 梅の酸味について 画像

内容を表示

 

 

 

 

 

Sample Source......................................................................>>>

<script language="JavaScript"><!--
function Show(n){
  for(var i = 1;i < 5;i++){
        document.all["d" + i].style.visibility = "hidden";;
  }
  document.all["d" + n].style.visibility = "visible";;
}
//--></script>
</head>

<body>
<FORM>
<INPUT type="radio" name="vis" onclick="Show(1)">梅のいわれ  
<INPUT type="radio" name="vis" onclick="Show(2)">日本の気候風土と梅  
<INPUT type="radio" name="vis" onclick="Show(3)">梅の酸味について
<INPUT type="radio" name="vis" onclick="Show(4)">画像  
</FORM> 

<div id="d1" STYLE="visibility:hidden;position:absolute;top:250;left:400;
     width:400px;border:thin solid navy">  
 <p>「ウメ」の語源は「熟む実」、中国の「烏梅」・・・・・</p>   
</div>
・・・(以下は略)・・・