一个铺展子节点的html+js代码
日期：2014-05-17 浏览次数：20585 次
一个展开子节点的html+js代码
<html>
<head>
<title>Directory to show and close</title>
<style>
body{font-family:sans-serif; background-color:F6F6F0; line-height:1.5;}
h1{font-size:45; color:crimson; font-famliy: "黑体"; font-weight:900;}
a{text-decoration:none; color:black;}
.a:hover{background:skyblue;}
h3{margin:-15 0 0 10; font-size:25;}
.main-border{border:7 solid silver; border-radius:3px; height:490; width:300; padding:10 0 0 0;}
.csymbol{margin:0 5 0 10; text-decoration:none;}
.csymbol-s a{margin:0 5 0 40; text-decoration:none; color:black;}
.csymbol-t a{margin:0 5 0 70; text-decoration:none; color:black;}
::-webkit-scrollbar {
width:14px;
height:14px;
background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(202,202,202,0.07)),color-stop(100%,rgba(229,229,229,0.07)));
background:-webkit-linear-gradient(left,rgba(202,202,202,0.07) 0%,rgba(229,229,229,0.07) 100%);
background-color:rgba(229,229,229,.3);
-webkit-box-shadow:0 0 1px 0 rgba(0,0,0,.15) inset,0 1px 0 0 #fff;
box-shadow:0 0 2px 0 rgba(0,0,0,.15) inset,0 1px 0 0 #fff;
overflow:visible;
border-radius:4px;
border:solid 2px #A6A6A6;
}
::-webkit-scrollbar-button {
width:0;
height:0; display:block;
background-color:transparent;
}
::-webkit-scrollbar-thumb {
background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(233,233,233,0.05)),color-stop(100%,rgba(221,221,221,0.05)));
background:-webkit-linear-gradient(left,rgba(233,233,233,0.05) 0%,rgba(221,221,221,0.05) 100%);
-webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,.05),inset 1px 1px 0 0 #FFF;
box-shadow:0 2px 1px 0 rgba(0,0,0,.05),inset 1px 1px 0 0 #FFF;
background-color:rgba(229,229,229,.9);
overflow:visible;
border-radius:4px;
border:solid 3px #A6A6A6;
}
::-webkit-scrollbar-thumb:active{
background-color:rgba(229,229,229,1);
-webkit-box-shadow:0 0 1px 0 rgba(0,0,0,.15) inset;
box-shadow:0 0 2px 0 rgba(0,0,0,.15) inset;
}
::-webkit-scrollbar-thumb:hover{
background-color:rgba(229,229,229,.4);
}
::-webkit-scrollbar-corner {}
::-webkit-resizer {}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-track-piece {}
</style>
</head>
<body>
<script type="text/javascript" src="./main.js"></script>
<div style="background-color:F0F0F0; width:100.7%; margin:-10 0 0 -10; padding:0 0 0 10;">
<table>
<td><h1>Directory to show and close</h1></td>
<td><h3>For my friends</h3></td>
</table>
<div style="width:101%; height:3; background-color:silver; margin:-40 0 0 -10;"></div>
</div>
<br />
<b style="
<html>
<head>
<title>Directory to show and close</title>
<style>
body{font-family:sans-serif; background-color:F6F6F0; line-height:1.5;}
h1{font-size:45; color:crimson; font-famliy: "黑体"; font-weight:900;}
a{text-decoration:none; color:black;}
.a:hover{background:skyblue;}
h3{margin:-15 0 0 10; font-size:25;}
.main-border{border:7 solid silver; border-radius:3px; height:490; width:300; padding:10 0 0 0;}
.csymbol{margin:0 5 0 10; text-decoration:none;}
.csymbol-s a{margin:0 5 0 40; text-decoration:none; color:black;}
.csymbol-t a{margin:0 5 0 70; text-decoration:none; color:black;}
::-webkit-scrollbar {
width:14px;
height:14px;
background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(202,202,202,0.07)),color-stop(100%,rgba(229,229,229,0.07)));
background:-webkit-linear-gradient(left,rgba(202,202,202,0.07) 0%,rgba(229,229,229,0.07) 100%);
background-color:rgba(229,229,229,.3);
-webkit-box-shadow:0 0 1px 0 rgba(0,0,0,.15) inset,0 1px 0 0 #fff;
box-shadow:0 0 2px 0 rgba(0,0,0,.15) inset,0 1px 0 0 #fff;
overflow:visible;
border-radius:4px;
border:solid 2px #A6A6A6;
}
::-webkit-scrollbar-button {
width:0;
height:0; display:block;
background-color:transparent;
}
::-webkit-scrollbar-thumb {
background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(233,233,233,0.05)),color-stop(100%,rgba(221,221,221,0.05)));
background:-webkit-linear-gradient(left,rgba(233,233,233,0.05) 0%,rgba(221,221,221,0.05) 100%);
-webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,.05),inset 1px 1px 0 0 #FFF;
box-shadow:0 2px 1px 0 rgba(0,0,0,.05),inset 1px 1px 0 0 #FFF;
background-color:rgba(229,229,229,.9);
overflow:visible;
border-radius:4px;
border:solid 3px #A6A6A6;
}
::-webkit-scrollbar-thumb:active{
background-color:rgba(229,229,229,1);
-webkit-box-shadow:0 0 1px 0 rgba(0,0,0,.15) inset;
box-shadow:0 0 2px 0 rgba(0,0,0,.15) inset;
}
::-webkit-scrollbar-thumb:hover{
background-color:rgba(229,229,229,.4);
}
::-webkit-scrollbar-corner {}
::-webkit-resizer {}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-track-piece {}
</style>
</head>
<body>
<script type="text/javascript" src="./main.js"></script>
<div style="background-color:F0F0F0; width:100.7%; margin:-10 0 0 -10; padding:0 0 0 10;">
<table>
<td><h1>Directory to show and close</h1></td>
<td><h3>For my friends</h3></td>
</table>
<div style="width:101%; height:3; background-color:silver; margin:-40 0 0 -10;"></div>
</div>
<br />
<b style="
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
