Нужна помощь, нужно из обычного меню сделать выпадающее в низ но чуть с уменьшенным шрифтом... ну вообщем по стандарту... Вот код самого меню: PHP: <div class="block_l"> <div class="block_l_b"> <div class="block_l_h"><div>Категории меню</div></div> <div class="block_l_c"><ul class="navi"> <li><a href="/cd-dvd-diski/">CD/DVD диски</a></li> <li><a href="/e-mail/">E-Mail</a></li> <li><a href="/web-razrabotchiku/">Web разработчику</a></li> <li><a href="/audio-zvuk/">Аудио, Звук</a></li> <li><a href="/bezopasnost/">Безопасность</a></li> <li><a href="/grafika-i-dizayn/">Графика и дизайн</a></li> <li><a href="/delovye-programmy/">Деловые программы</a></li> <li><a href="/diski-i-fayly/">Диски и файлы</a></li> <li><a href="/igry-razvlecheniya/">Игры, развлечения</a></li> <li><a href="/internet/">Интернет</a></li> <li><a href="/mobilnye-telefony/">Мобильные телефоны</a></li> <li><a href="/navigaciya-gps/">Навигация, GPS</a></li> <li><a href="/obrazovanie-nauka/">Образование, наука></a></li> <li><a href="/rabochiy-stol-desktop/">Рабочий стол, десктоп</a></li> <li><a href="/seti/">Сети</a></li> <li><a href="/sistema/">Система</a></li> <li><a href="/skrinseyvery/">Скринсейверы</a></li> <li><a href="/tekst/">Текст</a></li> <li><a href="/hobbi-uvlecheniya/">Хобби, увлечения</a></li> <li><a href="/elektronnye-knigi/">Электронные книги</a></li> </ul></div> </div> </div> а вот его css PHP: .block_l {width:212px; margin:0 0 7px 0;} .block_l_h {height:51px; background:url('../images/block_l_bg.png') no-repeat;} .block_l_h div {padding:17px 38px 0 17px; overflow:hidden; color:#ffffff; font-size:13px; font-weight:bold; text-shadow: 0 1px 0 #01668b; height:16px; } .block_l_c {padding:0 2px; background:url('../images/block_l_bg.png') repeat-y -212px 0;} .block_l_c a {color:#000;} .block_l_b {padding:0 0 10px 0; background:url('../images/block_l_bg.png') no-repeat right bottom;} /* Navigation */ .pagenavi {margin:5px 0; display:block; clear:both; height:30px; background:url('../images/pages_bg.png') repeat-x;} .prew {float:left;} .next {float:right;} .prew, .next, .prew a img, .next a img{ background:url('../images/pagenavi.png') no-repeat; width:89px; height:30px; } .next, .next a img{ background-position:-89px 0;} .next a:hover img{background-position:-89px -30px;} .prew a:hover img{background-position:0 -30px;} .pages { line-height:30px;} .pages a {color:#6b6a6a; padding:0 2px;} .pages span {background:#0891c1; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; padding:1px 5px 1px 5px; color:#fff;} /* Slider */ .slider {margin:2px 0 3px -6px; padding:0 0 0 26px; height:246px; width:496px; background: url('../images/slider_bg.png') no-repeat; position: relative;} .slider_c {padding:14px 0 0 0; width:440px;} .slider_c .mainSlider {position:relative; background:#fff url('../images/loading.gif') no-repeat 50% 50%; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a;} .slider_c .mainSlider img {position:absolute; top:0px; left:0px; display:none;} .slider_c .mainSlider a {border:0; display:block;} .slider_c .main-controlNav {position:absolute; left:50%; bottom:-32px;margin-left:-40px;} .slider_c .main-controlNav a {display:block; width:17px; height:18px; background:url('../images/bullets.png') no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left;} .slider_c .main-controlNav a.active {background-position:0 -18px;} .slider_c .main-directionNav a {display:block; width:30px; height:30px; background:url('../images/arrows.png') no-repeat; text-indent:-9999px; border:0;} .slider_c a.main-nextNav {background-position:-30px 0; right:15px;} .slider_c a.main-prevNav {left:15px;} .slider_c .main-caption {font-family: Helvetica, Arial, sans-serif;} .slider_c .main-caption a {color:#fff; border-bottom:1px dotted #fff;} .slider_c .main-caption a:hover {color:#fff;} тут его больше(css) просто я точно не знаю что нужо.. заранее благодарен
Code: css #id_выпадающего{ display:none; font-size:какой надо размер шрифта;} javascript jquery Code: $(function{ $(".класс_эмементов_меню").click(function(){ var display = $(this).find("*").eq(0).css("display"); if (display == 'none'){ $(".класс_эмементов_меню").find(*).slideUp("slow"); $(this).find("*").slideDown("slow"); } }); }) примерно так просто посмотри slideUp slideDown jquery. так же возможен вариант чисто на css сделать выпадающую менюху но она будет появлятся сразу а slide будет медленно выезжать
