Joomla 1.5 Меню как на примере

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

  1. Offline

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

    Регистрация:
    06.08.2010
    Сообщения:
    3
    Симпатии:
    0
    Пол:
    Мужской
    СРОЧНО! Ищется вот такое меню. Чтоб с картинки выпадал список.
    http://clarklab.net/blog/articles/dropdown/example.html
    Заранее спасибо.
     
  2.  
  3. woojin
    Offline

    woojin Местный Команда форума => Cпециалист <=

    Регистрация:
    31.05.2009
    Сообщения:
    3 204
    Симпатии:
    334
    Пол:
    Мужской
    вот тебе исходный код твоей странички на которой отображено меню
    Код (html):
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. <title>Animated Drop Down Menu with jQuery</title>
    6. <link href="css/style.css" rel="stylesheet" type="text/css" />
    7. <script type="text/javascript" src="jsfiles/jquery.js"></script>
    8. <script type="text/javascript">
    9. $(document).ready(function () {
    10.     $("ul.menu_body li:even").addClass("alt");
    11.     $('img.menu_head').click(function () {
    12.     $('ul.menu_body').slideToggle('medium');
    13.     });
    14.     $('ul.menu_body li a').mouseover(function () {
    15.     $(this).animate({ fontSize: "14px", paddingLeft: "20px" }, 50 );
    16.     });
    17.     $('ul.menu_body li a').mouseout(function () {
    18.     $(this).animate({ fontSize: "12px", paddingLeft: "10px" }, 50 );
    19.     });
    20. });
    21. </script>
    22.  
    23. </head>
    24.  
    25. <body>
    26. <div class="container">
    27. <img src="images/navigate.png" width="184" height="32" class="menu_head" />
    28.  
    29. <ul class="menu_body">
    30. <li><a href="#">About Us</a></li>
    31. <li><a href="#">Portfolio</a></li>
    32. <li><a href="#">Clients</a></li>
    33. <li><a href="#">Blog</a></li>
    34. <li><a href="#">Support Forums</a></li>
    35. <li><a href="#">Gallery</a></li>
    36. <li><a href="#">Contact Us</a></li>
    37. </ul>
    38. </div>
    39.  
    40. </body>
    41. </html>

    вставляй к себе в шбалон и будет тебе счатье
     
  4. Offline

    mailmoney Пользователь

    Регистрация:
    14.01.2009
    Сообщения:
    241
    Симпатии:
    19
    Пол:
    Мужской
    Последнее редактирование: 26.09.2010

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

Загрузка...