« »

This JavaScript code utility allows you to design and build web pages with the look and feel of Windows Explorer.

Label: Tree folder

Demo
Enlarge
Reload
New window

Code
Files
CSS
JavaScript
HTML
Print

Copy All x2

<style type="text/css">
a		{color: indigo;text-decoration: none;}
.menu		{position:relative; border:3px solid indigo; width:200px; height: 130px; text-align: left;}
.title	{position: absolute;width: 150px;height: 20px;
	left: 10px;z-index: 10;font-family: verdana, helvetica, sans-serif;
	font-weight: bold;font-size: 14px;}
.submenu	{position: absolute;left: 25px;width: 150px;
	border: 0px solid black;background-color: white;
	layer-background-color: white;font-family: verdana, helvetica, sans-serif;
	font-size: 12px;visibility: hidden;}
.submenu 	a{color: coral}
</style>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<SCRIPT LANGUAGE="JavaScript" src=treefolder.js></script>
<SCRIPT LANGUAGE="JavaScript" src=content.js></script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<script>
drawmenu();
</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->