Esto te servira.
<!-- página inicial -->
<html>
<head>
<title>Pagina</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="cooltree.css" rel="stylesheet" type="text/css">
<script language="JavaScript" src="cooltree.js"></script>
<script language="JavaScript" src="tree1_format.js"></script>
</head>
<script language="JavaScript">
var TREE1_NODES = [
['ITEM1', null, null,
['</a>'
+ '<table width=350 cellpadding="0" cellspacing="0">'
+'<tr><td ><a href="link.asp" style="font-family:tahoma; font-size:10px; color:#FF9001;">Link1 </a><br>'
+ '</td></tr></table><a>', null, null]
],
Código HTML:
['ITEM2', null, null,
['</a>'
+ '<table width=350 cellpadding="0" cellspacing="0">'
+'<tr><td ><a href="link2.asp" style="font-family:tahoma; font-size:10px; color:#FF9001;">Link2</a><br>'
+'</td></tr>'
+ '</table><a>', null, null]
],
];
</script>
<script language="JavaScript">
var tree = new COOLjsTree ("tree1", TREE1_NODES, TREE1_FORMAT);
/*tree.expandNode(0);
/tree.expandNode(1);
tree.expandNode(2);
tree.expandNode(3);*/
</script>
</body>
</html>
Los archivos que necesitaras son:
cooltree.css
cooltree.js
tree1_format.js
COOLTREE.CSS__________
body { font-family: tahoma;
font-size: 12px;
padding: 10px 10px 10px 480px;
}
p {text-align: justify;
}
h1 {
font-size: 130%;
font-family: arial;
}
pre {font-size: 10pt;
padding: 10px;
background-color: #F8F8F8;
border: 1px solid #F0F0F0;
}
.clsNode, .clsNodeUnhilightable {
font-family: tahoma; font-size: 11pt; text-decoration: none; cursor: hand; color: black}
.clsNode:hover { text-decoration: none; color: #eeeeee; background-color: #003366 }
.clsNodeGroup { font-family: tahoma; text-decoration: none; font-size: 8pt; color: navy; font-weight: bold; }
.clsNodeGroup:hover { text-decoration: none; color: white; background-color: navy }
.form { border: 1px solid silver; }
.form td { font-family: tahoma; font-size: 8pt; }
.form td input, .form td textarea { border: 1px solid silver; background-color: #F0F0F0; font-family: tahoma; font-size: 8pt; }
.form td select { background-color: #F0F0F0; font-family: tahoma; font-size: 8pt; }
.form td input.chk { border: none; background-color: transparent; }
.array td { border: 1px solid black; }
.text td { padding: 15px; border: 1px solid black; background-color: #D6D6C0 }
.text td, .text td p, .text td h2 {
font-size : 12px;
font-family : Comic Sans MS, Tahoma, Verdana, Arial, Helvetica;
text-align: justify;
}
CONTINUA....