X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Прыгает подменю на jquery
corol
corol
Topic Starter сообщение 3.10.2008, 15:43; Ответить: corol
Сообщение #1


Не знаю, что делать. Прыгает подменю с вложением 3-го уровня. И подскажите, как сделать, чтобы сначала показывалось меню 2-го уровня, а при наведении на него 3-й уровень. А то 2-й и 3-й показываются одновременно.
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript"> 1.
$(document).ready(function(){
$('.topmenu ul li').hover(
function() {
$(this).find('ul').slideDown('slow');
},
function() {
$(this).find('ul').slideUp('fast');
}
);
$('.topmenu li:has(ul)').find('a:first').append('&raquo;');

});
</script>

<style type="text/css">
.topmenu ul, .topmenu ul li{
list-style:none;
margin: 0;
padding: 0;
}
.topmenu ul li {
position: relative;
width: 150px;
}
.topmenu ul li a{
display: block;
color: #f00;
text-decoration: none;
margin:10px;
}
.topmenu li:hover ul, li.over ul{display: block;
}

.topmenu ul li ul {
display: none;
left: 20px;
}
.topmenu ul li ul li {left: 20px;}

.topmenu ul li ul li a{
display: block;
color: #0f0;
text-decoration: none;

}
.topmenu ul li ul li ul li a{
display: block;
color: #00f;
text-decoration: none;

}
.topmenu ul li ul li ul li{ left: 30px; }
</style>

</head>

<body>
<div class="topmenu">
<ul>
<li><a href="#" title="#">О компании</a>
<li><a href="#" title="#">Услуги</a>
<ul>
<li><a href="#">Ремонт</a></li>
<li><a href="#">Перевозки</a></li>
</ul>
</li>
<li><a href="#">Товары</a>
<ul>
<li><a href="#">Moulinex</a>
<ul>
<li><a href="#">Кухонные комбайны</a></li>
</ul>
<li><a href="#">Krups</a>
<ul>
<li><a href="#">Кофеварки</a></li>
</ul></ul>

<li><a href="#">Как нас найти</a></li>
<li><a href="#">Реквизиты</a></li>
</ul>
</div>
</body>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dimjan4
dimjan4
сообщение 5.10.2008, 14:56; Ответить: dimjan4
Сообщение #2


А по моему и так класно!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 5.10.2008, 15:22; Ответить: Exterior
Сообщение #3


corol, несколькими темами ниже есть не один пример многоуровневого меню гораздо более простого для понимания, в т.ч. и на списках, зачем еще подключать тяжелый jquery?..

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Услуги по созданию и доработке скриптов PHP, MySQL, JavaScript, jQuery
Разработка сайтов и сервисов под-ключ
 0 alexey 1242 24.11.2023, 14:46
автор: alexey
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВеб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP)
 56 qpPeW 44911 19.7.2023, 10:03
автор: qpPeW
Открытая тема (нет новых ответов) 1C-Bitrix, JavaScript\jQuery, Верстка HTML5 CSS3
 1 byteeightlab 1471 2.7.2019, 7:37
автор: ychervov
Открытая тема (нет новых ответов) Недорогие услуги - php/js/mysql/jquery/bootstrap
 2 vlads 3820 25.12.2017, 21:18
автор: xetedata
Открытая тема (нет новых ответов) Frontend услуги (верстка, подключение jquery плагинов, кастомизация, написание скриптов)
услуги по frontend-разработке
 15 FrontMaster 10053 25.11.2017, 13:46
автор: Stom


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 20.4.2024, 15:03

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet