一生能赌什么？

A-程序开发

用css和javascript做的树

这是个用css和javascript做的树，在IE6和Netscape7下做过测试。

分二个页面。tree.htm和subtree.htm

下面是代码：

tree.htm：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
<!--
.tree {
width: 200px;
margin-top:0px;
}
.tree ul{
    margin-left:0px;
text-align:left;
}
.tree ul ul{
padding-left:10px;
}
.tree li{
padding:0px 0 0 0;
border:0px 0 0 0;
    list-style-type: none;
width: 10em;
}
.tree a {
padding: 0px 0;
text-decoration: none;
color: #000;
}

.tree a:hover {
  color: #faf5f8;
background: #879186;
}
.tree span{
padding: 0px 0;
}
.selected{
background: #879186;
}
.unselected{
background:#FFFFFF;
}
-->
</style>
</head>
<script language="javascript" type="text/JavaScript">
<!--
function expandNode(parentNode,id,url){
var node = document.getElementById(parentNode);
if(node != null){
    var nodeChild = document.getElementById(parentNode+"_");
  var nodeImg = document.getElementById(parentNode+"_Img");
  if(node.expand!="yes"){
   if(node.loaded !="yes"){
    hiddenframe.location.replace("subtree.htm");
    node.loaded="yes";
    nodeChild.child="";
   }
   if(nodeChild != null){
    if(nodeChild.child !="");
      nodeChild.innerHTML=nodeChild.child;
      //nodeChild.style.visibility="visible";
     // nodeChild.style.height="auto";
   }
   if(nodeImg != null){
    nodeImg.src ="image/tree_minus.gif";
   }
   node.expand ="yes";
  }else{
                       var selectId = document.form1.selectId.value;
                       if(selectId.indexOf(parentNode)>-1){
                         selectNode(parentNode,"");
                       }
                       //nodeChild.style.visibility="hidden";
                      // nodeChild.style.height="0px";
                       nodeChild.child=nodeChild.innerHTML;
                       nodeChild.innerHTML="";
         if(nodeImg !=null){
    nodeImg.src ="image/tree_plus.gif";
   }
   node.expand="no";
  }
  //alert("#"+nodeChild.innerHTML+"#");
}

}
function selectNode(nodeId,url){
var node = document.getElementById(nodeId+"_Txt");
if(node != null){
  var selectNode =document.getElementById(document.form1.selectId.value+"_Txt");
  if(selectNode != null){
   selectNode.className="unselected";
  }
  node.className="selected";
  document.form1.selectId.value=nodeId;
}

}
-->
</script>
<body>

subtree.htm：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<script language="javascript" type="text/JavaScript">

</script>
</body>
</html>