0
01.jpg 65,17К
168 Количество загрузок:Это в подключаемый файл javascript
// ==========================================================================================
// ВЫПАДАЮЩЕЕ МЕНЮ
//===========================================================================================
var bg_color_active = $("a.plus").css("background-color");
$("#mainmenu li ul li:hover a").css("background-color", bg_color_active);
$("[id*='active_cat_']").each(function(){
var cat_id = $(this).attr("id");
var re = /(\d+)/g;
cat_N = cat_id.match(re);
var sub_cat_html = $("#cat"+cat_N).html();
$("#"+cat_id).after("<ul class='downMenuItem' id='menu" + cat_N + "'>"+sub_cat_html+"</ul>");
$(this).parent("li").addClass("downMenu");
$(this).parent("li").attr("display","none");
});
$(".downMenu").hover(
function(){
$(this).find("ul").stop(true,true).slideDown('fast');
},
function(){
$(this).find("ul").stop(true,true).slideUp('fast');
}
);
Это в css-файл
/* выпадающее меню */
#mainmenu li ul {
position: absolute;
display: none;
z-index: 999;
width:auto;
border: 1px solid;
}
#mainmenu li ul li {
float: none;
margin: 0px;
}
#mainmenu li ul li a, #mainmenu li.active ul li a, #mainmenu li ul li a.plus {
font-size: 10pt;
font-weight: normal;
text-align:left;
border-bottom: 1px solid;
border-collapse: collapse;
padding: 2px;
}
#mainmenu li.active ul li a:hover {
background-color: inherit;
}
#mainmenu li ul li a.plus {
background-color: inherit;
}
#mainmenu li ul li a.plus:hover {
background-color: #265778;
}
Удобно для начинающих - меньше вопросов.
Сообщение отредактировал andibrag: 05 Декабрь 2013 - 11:08
