BreathTake/ホームページ作成の小技・JAVA篇

*
ホームページ作成の小技タイトル・JAVA篇・イメージ写真
ホームページ作成の小技TOP>> JAVAの小技篇>> リンクのツリー表示
JAVAの小技 リンクのツリー表示

JAVA リンクのツリー表示 見本

 

 

JAVA リンクのツリー表示 プログラムソース

<script language="JavaScript">
<!--
function MM_reloadPage(init) {
//reloads the window if Nav4 resized
if (init==true) with (navigator) {
  if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage;
  }
} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
  MM_reloadPage(true);
// -->

function MM_findObj(n, d) {
//v4.01
var p,i,x;
if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
  d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);
}
if(!(x=d[n])&&d.all) x=d.all[n];
  for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() {
//v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
  if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>

BODY内に記入

<!-- ************************************************************************* -->

<div style="padding-right:5px; padding-top:0px; width:105; height:20; display:inline">
<div id="Layer1" style="position:absolute; padding-left:0px; padding-top:0px; width:100; height:20; z-index:1">
  <a href="javascript:;" onClick="MM_showHideLayers('menu1','','show')"><img src="menu.gif" width="100" height="20" border="0"></a>
</div>

<div id="menu1" style="position:absolute; padding-left:0px; padding-top:20px; width:100; z-index:3; visibility: hidden">

<table width="100" border="1" cellspacing="0" cellpadding="2" bgcolor="DARKORANGE" bordercolor="red">
<tr>
  <td>
  <a href="test_1.html">Page.1</a>
  </td>
</tr>
<tr>
  <td>
    <a href="test_2.html">Page.2</a>
  </td>
</tr>
<tr>
  <td>
    <a href="test_3.html">Page.3</a>
  </td>
</tr>
<tr>
  <td>
  <div align="right" onClick="MM_showHideLayers('menu1','','hide')">
  <a href="#">閉</a>
  </div>
  </td>
</tr>
</table>
</div>
</div>

<!-- ************************************************************************* -->

<div style="padding-right:5px; padding-top:0px; width:105; height:20; display:inline"> <div id="Layer2" style="position:absolute; padding-left:0px; padding-top:0px; width:100; height:20; z-index:2">
  <a href="javascript:;" onClick="MM_showHideLayers('menu2','','show')"><img src="menu.gif" width="100" height="20" border="0"></a>
</div>

<div id="menu2" style="position:absolute; padding-left:0px; padding-top:20px; width:100; z-index:4; visibility: hidden">

<table width="100" border="1" cellspacing="0" cellpadding="2" bgcolor="DARKORANGE" bordercolor="red">
<tr>
  <td>
  <a href="test_1.html">Page.1</a>
  </td>
</tr>
<tr>
  <td>
    <a href="test_2.html">Page.2</a>
  </td>
</tr>
<tr>
  <td>
    <a href="test_3.html">Page.3</a>
  </td>
</tr>
<tr>
  <td>
    <div align="right" onClick="MM_showHideLayers('menu2','','hide')">
      <a href="#">閉</a>
    </div>
  </td>
</tr>
</table>
</div>
</div>

Copyright © 2011 BreathTake All Rights Reserved