styles_left.css

用这个代码可以完成简单的树结构编写

/* Css file Created by www.it-sailing.com */

body
{
	margin: 0;
}
.welcomearea
{
	padding: 5px 10px 15px 5px;
	font: normal 12px Arial;
	color: #304968;
	line-height: 2.0;
}
a:link {
	text-decoration: none;
	color: #304968;
}
a:visited {
	text-decoration: none;
	color: #304968;
}
a:hover {
	text-decoration: underlinee;
	color: #FF6600;
}
.menutitle
{
	background:url(../images/bg_menu_up.gif) left top no-repeat;
	font: normal 12px Arial;
	color: #2D3239;
	padding: 5px 0 0 25px;
	height: 22px;
}

.menutitle_
{
	background:url(../images/bg_menu_down.gif) left top no-repeat;
	font: normal 12px Arial;
	color: #2D3239;
	padding: 5px 0 0 25px;
	height: 22px;
}

.secmenu
{
	background: #EEE url(../images/bg_sailingSoft.gif) right bottom no-repeat;;
	overflow:hidden;
	font: normal 13px Arial;
	color: #516683;
	padding: 5px 5px 5px 15px;
	line-height: 1.5;
}
.secmenu li
{
	list-style-image:url(../images/img_leadermenu.gif);
}


/*新菜单*/

#menulayer0Div
{
	height: 3000px;
	left: 0px;
	position: absolute;
	top: 0px;
}
#iconlayer0Div {
	height: 200px;
	left: 0px;
	position: absolute;
	top: 22px;
}
#barlayer0Div
{
	height: 22px;
	left: 0px;
	position: absolute;
	top: 0px;
}
#uplayer0Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 42px;
	width: 16px;
}
#downlayer0Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 36px;
	width: 16px;
}
#menulayer1Div
{
	height: 3000px;
	left: 0px;
	position: absolute;
	top: 95px;
	display :block;
}
#iconlayer1Div
{
	height: 200px;
	left: 0px;
	position: absolute;
	top: 22px;
	display :block;
}
#barlayer1Div
{
	 height: 20px;
	 left: 0px;
	 position: absolute;
	 top: 0px;
	 display :block;
}
#uplayer1Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 22px;
	width: 16px;
	display :block;
}
#downlayer1Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 42px;
	width: 16px;
	display :block;
}
#menulayer1Div
{
	height: 3000px;
	left: 0px;
	position: absolute;
	top: 0px;
	display :block;
}
#iconlayer2Div
{
	height: 200px;
	left: 0px;
	position: absolute;
	top: 0px;
	display :block;
}
#barlayer2Div
{
	 height: 20px;
	 left: 0px;
	 position: absolute;
	 top: 0px;
	 display :block;
}
#uplayer2Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 26px;
	width: 16px;
	display :block;
}
#downlayer2Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 42px;
	width: 16px;
	display :block;
}
#menulayer2Div
{
	height: 3000px;
	left: 0px;
	position: absolute;
	top: 0px;
	display :block;
}
#iconlayer3Div
{
	height: 200px;
	left: 0px;
	position: absolute;
	top: 95px;
	display :block;
}
#barlayer3Div
{
	 height: 20px;
	 left: 0px;
	 position: absolute;
	 top: 0px;
	 display :block;
}
#uplayer3Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 26px;
	width: 16px;
	display :block;
}
#downlayer3Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 42px;
	width: 16px;
	display :block;
}
#menulayer3Div
{
	height: 3000px;
	left: 0px;
	position: absolute;
	top: 0px;
	display :block;
}
#iconlayer4Div
{
	height: 200px;
	left: 0px;
	position: absolute;
	top: 20px;
	display :block;
}
#barlayer4Div
{
	 height: 20px;
	 left: 0px;
	 position: absolute;
	 top: 0px;
	 display :block;
}
#uplayer4Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 26px;
	width: 16px;
	display :block;
}
#downlayer4Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 42px;
	width: 16px;
	display :block;
}
#menulayer4Div
{
	height: 3000px;
	left: 0px;
	position: absolute;
	top: 0px;
	display :block;
}
#iconlayer5Div
{
	height: 200px;
	left: 0px;
	position: absolute;
	top: 20px;
	display :block;
}
#barlayer5Div
{
	 height: 20px;
	 left: 0px;
	 position: absolute;
	 top: 0px;
	 display :block;
}
#uplayer5Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 26px;
	width: 16px;
	display :block;
}
#downlayer5Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 42px;
	width: 16px;
	display :block;
}
#menulayer5Div
{
	height: 3000px;
	left: 0px;
	position: absolute;
	top: 0px;
	display :block;
}
#iconlayer6Div
{
	height: 200px;
	left: 0px;
	position: absolute;
	top: 20px;
	display :block;
}
#barlayer6Div
{
	 height: 20px;
	 left: 0px;
	 position: absolute;
	 top: 0px;
	 display :block;
}
#uplayer6Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 26px;
	width: 16px;
	display :block;
}
#downlayer6Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 42px;
	width: 16px;
	display :block;
}
#menulayer6Div
{
	height: 3000px;
	left: 0px;
	position: absolute;
	top: 0px;
	display :block;
}
#iconlayer7Div
{
	height: 200px;
	left: 0px;
	position: absolute;
	top: 20px;
	display :block;
}
#barlayer7Div
{
	 height: 20px;
	 left: 0px;
	 position: absolute;
	 top: 0px;
	 display :block;
}
#uplayer7Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 26px;
	width: 16px;
	display :block;
}
#downlayer7Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 42px;
	width: 16px;
	display :block;
}
#menulayer7Div
{
	height: 3000px;
	left: 0px;
	position: absolute;
	top: 0px;
	display :block;
}
#iconlayer8Div
{
	height: 200px;
	left: 0px;
	position: absolute;
	top: 20px;
	display :block;
}
#barlayer8Div
{
	 height: 20px;
	 left: 0px;
	 position: absolute;
	 top: 0px;
	 display :block;
}
#uplayer8Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 26px;
	width: 16px;
	display :block;
}
#downlayer8Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 42px;
	width: 16px;
	display :block;
}
#menulayer8Div
{
	height: 3000px;
	left: 0px;
	position: absolute;
	top: 0px;
	display :block;
}
#iconlayer9Div
{
	height: 200px;
	left: 0px;
	position: absolute;
	top: 20px;
	display :block;
}
#barlayer9Div
{
	 height: 20px;
	 left: 0px;
	 position: absolute;
	 top: 0px;
	 display :block;
}
#uplayer9Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 26px;
	width: 16px;
	display :block;
}
#downlayer9Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 42px;
	width: 16px;
	display :block;
}
#menulayer9Div
{
	height: 3000px;
	left: 0px;
	position: absolute;
	top: 0px;
	display :block;
}
#iconlayer10Div
{
	height: 200px;
	left: 0px;
	position: absolute;
	top: 20px;
	display :block;
}
#barlayer10Div
{
	 height: 20px;
	 left: 0px;
	 position: absolute;
	 top: 0px;
	 display :block;
}
#uplayer10Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 26px;
	width: 16px;
	display :block;
}
#downlayer10Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 42px;
	width: 16px;
	display :block;
}
#menulayer10Div
{
	height: 3000px;
	left: 0px;
	position: absolute;
	top: 0px;
	display :block;
}
#iconlayer11Div
{
	height: 3000px;
	left: 0px;
	position: absolute;
	top: 20px;
	display :block;
}
#barlayer11Div
{
 	 height: 20px;
	 left: 0px;
	 position: absolute;
	 top: 0px;
	 display :block;
}
#uplayer11Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 26px;
	width: 16px;
	display :block;
}
#downlayer11Div
{
	height: 16px;
	left: -20px;
	position: absolute;
	top: 42px;
	width: 16px;
	display :block;
}
#menulayer11Div
{
	height: 3000px;
	left: 0px;
	position: absolute;
	top: 0px;
	display :block;
}