如何样做一个数形结构呢
日期：2014-05-18 浏览次数：20678 次
怎么样做一个数形结构呢?
用js?做树型结构!
------解决方案--------------------
用js?做树型结构!
------解决方案--------------------
- HTML code
以下原代码直接保存成html文件就可以运行
<html>
<head>
<title>javascript-1 </title>
<style>
*{padding:0px;margin:0px;}
.cd{
width:200px;
}
.cd_title{
cursor:hand;
width:100%;
}
.cd_main{
border:5px solid #FF0000;
margin-left:30px;
width:100%;
filter:blendTrans(Duration=0.5);
}
ul,li{
list-style:square inside;
}
.cd_main li{
padding-left:10px;
background:url('1.gif') no-repeat left 8px;
}
</style>
<script>
function aa(obj){
obj.parentElement.childNodes[1].filters.blendTrans.apply();
obj.parentElement.childNodes[1].style.display=(obj.parentElement.childNodes[1].style.display=="none"?"block":"none");
obj.parentElement.childNodes[1].filters.blendTrans.play();
}
</script>
</head>
<body>
<div class="cd" style="background:red;">
<div class="cd_title" onclick="aa(this)" style="background:blue;">
title1
</div>
<div class="cd_main" style="display:none; background:green;">
sdfsdf
</div>
</div>
<div class="cd">
<div class="cd_title" onclick="aa(this)">
title
</div>
<div class="cd_main" style="display:none;">
<ul>
<li>
<div class="cd">
<div class="cd_title" onclick="aa(this)">
title
</div>
<div class="cd_main" style="display:none;">
<ul>
<li>
<div class="cd">
<div class="cd_title" onclick="aa(this)">
title
</div>
<div class="cd_main" style="display:none;">
<ul>
<li>123 </li>
<li>123 </li>
<li>
<div class="cd">
<div class="cd_title" onclick="aa(this)">
title
</div>
<div class="cd_main" style="display:none;">
<ul>
<li>123 </li>
<li>123 </li>
<li>123 </li>
<li>123 </li>
</ul>
</div>
</div>
</li>
<li>123 </li>
</ul>
</div>
</div>
</li>
<li>123 </li>
<li>123 </li>
<li>123 </li>
</ul>
</div>
</div>
</li>
<li>
<div class="cd">
<div class="cd_title" onclick="aa(this)">
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
