Создание горизонтального выпадающего меню на основе css jQuery

Тема в разделе "Вопросы по работе с меню", создана пользователем mar1o, 02.11.2010.

  1. Offline

    mar1o Недавно здесь

    Регистрация:
    15.06.2010
    Сообщения:
    34
    Симпатии:
    2
    Пол:
    Мужской
    Доброго времени суток очень интересует как создать такое меню,помогите плиз надо срочно сделать, а времени очень мало..
     
  2.  
  3. Offline

    mar1o Недавно здесь

    Регистрация:
    15.06.2010
    Сообщения:
    34
    Симпатии:
    2
    Пол:
    Мужской
    ну подскажите кто-нибудь та..
     
  4. doctorgrif
    Offline

    doctorgrif специалист

    Регистрация:
    14.01.2008
    Сообщения:
    1 284
    Симпатии:
    66
    Пол:
    Мужской
    mar1o нравится это.
  5. Offline

    mar1o Недавно здесь

    Регистрация:
    15.06.2010
    Сообщения:
    34
    Симпатии:
    2
    Пол:
    Мужской
    тяжело просто отрыть во всей куче нужную информацию, зачастую просто пишут "вот вам красивое меню, пользуйтесь"...и ничего более..даже простое css горизонтальное меню 2ух уровней чтоб сделать пришлось перерыть уйму не нужного материала(речь конечно о joomla, а не просто рукописного) из-за отличие структуры построения самого меню..но спасибо что хоть кто-та отозвался...
     
  6. doctorgrif
    Offline

    doctorgrif специалист

    Регистрация:
    14.01.2008
    Сообщения:
    1 284
    Симпатии:
    66
    Пол:
    Мужской
    вот тут http://www.hospsurg.ru/ я горизонтальное выпадающей многостолбцовое меню на голом html/css сделал по образцу :)
    так что - методом проб и ошибок сделать для себя нужное, ориентируясь на общий смысл, не проблема
     
  7. Offline

    botanist специалист

    Регистрация:
    15.02.2009
    Сообщения:
    461
    Симпатии:
    49
    Пол:
    Мужской
    А что ждали-то. Придет добрый дядя и все вам сделает. Только сам. Помочь могут, но только помочь. Не более.
     
  8. Offline

    Fatima430 специалист

    Регистрация:
    18.07.2009
    Сообщения:
    363
    Симпатии:
    38
    Пол:
    Женский
    вот еще вариант от доброго дяди Е.Попова
    http://ruseller.com/lessons.php?rub=2&id=750
     
  9. Offline

    mar1o Недавно здесь

    Регистрация:
    15.06.2010
    Сообщения:
    34
    Симпатии:
    2
    Пол:
    Мужской
    Дядю Е.Попова знаем)
     
  10. Offline

    TroL специалист

    Регистрация:
    01.03.2011
    Сообщения:
    502
    Симпатии:
    34
    Пол:
    Мужской
    вот скрипт разбирай)
    Код (html):
    1. <script type="text/javascript" language="javascript">
    2.   $.noConflict();
    3.   jQuery(document).ready(function($) {
    4. var toggle = function(direction, display) {
    5.     return function() {
    6.       var self = this;
    7.       var ul = $("ul", this);
    8.       if (ul.css("display") == display && !self["block" + direction] ) {
    9.        self["block" + direction] = true;
    10.         ul["slide" + direction]("hide", function() {
    11.           self["block" + direction] = false;
    12.         });
    13.       }
    14.     };
    15.   }
    16.   $("#podrazdelb ul ul, #partnerb ul  ul").hide();
    17. $("#podrazdelb ul li, #partnerb ul li").hover(toggle("Down", "none"));
    18.         $("#podrazdelb ul ul, #partnerb ul ul").hide();
    19.     $("#podrazdelb ul li, #partnerb ul li").hover(
    20.     function () {
    21.     $(this).children("ul").show();
    22.     },
    23.     function(){
    24.     $(this).children("ul").hide();
    25.     });
    26.     });
    27.   </script>
     

Поделиться этой страницей

Загрузка...