JavaScript

: 26.01.2014
: 
: bulatlab.ru

 

, !

 

, ,   , CSS JavaScript. . , , , . , , , onmouseover, html- .

 

, :

 



1

2

3

4

 

, , ( h3) (). display. , , , (id). display ( ) . i .

 

  :

.ac_menu{
	padding:0px;
	margin:5px; 
	cursor:pointer; 
	color: #567;
	list-style:none; 
	width:250px;
	border:1px solid #bbb; 
}
.ac_menu > h3{
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	font-size: 14px;
	margin:0;
	padding:5px;
}
.ac_menu > h3:hover{
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5) inset;
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5) inset;
}
.ac_menu > ul{
	background:#fdfdfd;
	padding:0px;
	margin:0px;
	list-style:none; 
	height:300px;
}
.ac_menu > ul > li >a{
	color:#555;
	text-decoration: none;
	font-size: 14px;
	line-height: 20px;
	padding-left:20px;
	display: block;
}
.ac_menu > ul > li >a:hover{
	color:#55d;	
	background: #f6f6f6;
}

 

.  , JavaScript, .

 

  

 

 

! , !

 

 
: 3032
: 0
: (0)


, .