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

Discussion in 'Вопросы по работе с меню' started by mar1o, Nov 2, 2010.

  1. Offline

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

    Joined:
    Jun 15, 2010
    Messages:
    34
    Likes Received:
    2
    Gender:
    Male
    Доброго времени суток очень интересует как создать такое меню,помогите плиз надо срочно сделать, а времени очень мало..
     
  2.  
  3. Offline

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

    Joined:
    Jun 15, 2010
    Messages:
    34
    Likes Received:
    2
    Gender:
    Male
    ну подскажите кто-нибудь та..
     
  4. doctorgrif
    Offline

    doctorgrif Местный => Cпециалист <=

    Joined:
    Jan 14, 2008
    Messages:
    1,284
    Likes Received:
    66
    Gender:
    Male
    mar1o likes this.
  5. Offline

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

    Joined:
    Jun 15, 2010
    Messages:
    34
    Likes Received:
    2
    Gender:
    Male
    тяжело просто отрыть во всей куче нужную информацию, зачастую просто пишут "вот вам красивое меню, пользуйтесь"...и ничего более..даже простое css горизонтальное меню 2ух уровней чтоб сделать пришлось перерыть уйму не нужного материала(речь конечно о joomla, а не просто рукописного) из-за отличие структуры построения самого меню..но спасибо что хоть кто-та отозвался...
     
  6. doctorgrif
    Offline

    doctorgrif Местный => Cпециалист <=

    Joined:
    Jan 14, 2008
    Messages:
    1,284
    Likes Received:
    66
    Gender:
    Male
    вот тут http://www.hospsurg.ru/ я горизонтальное выпадающей многостолбцовое меню на голом html/css сделал по образцу :)
    так что - методом проб и ошибок сделать для себя нужное, ориентируясь на общий смысл, не проблема
     
  7. Offline

    botanist Активист => Cпециалист <=

    Joined:
    Feb 15, 2009
    Messages:
    461
    Likes Received:
    49
    Gender:
    Male
    А что ждали-то. Придет добрый дядя и все вам сделает. Только сам. Помочь могут, но только помочь. Не более.
     
  8. Offline

    Fatima430 Недавно здесь => Cпециалист <=

    Joined:
    Jul 18, 2009
    Messages:
    363
    Likes Received:
    38
    Gender:
    Female
    вот еще вариант от доброго дяди Е.Попова
    http://ruseller.com/lessons.php?rub=2&id=750
     
  9. Offline

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

    Joined:
    Jun 15, 2010
    Messages:
    34
    Likes Received:
    2
    Gender:
    Male
    Дядю Е.Попова знаем)
     
  10. Offline

    TroL Недавно здесь => Cпециалист <=

    Joined:
    Mar 1, 2011
    Messages:
    501
    Likes Received:
    34
    Gender:
    Male
    вот скрипт разбирай)
    Код (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>
     

Share This Page

Loading...