Горизонтальное выпадающее меню
Вот этим скриптом мы делаем чтобы меню плавно выпадало
<script type="text/javascript">
$(document).ready(function () {
$('#menu > ul > li').hover(
function () {
//show its submenu
$('ul', this).slideDown(400);
},
function () {
//hide its submenu
$('ul', this).slideUp(300);
}
);
});
</script>
Но, оно не везде и не всегда корректно работает. В хроме например он вообще не заработал, а в мозиле начинает работает после того как пройдемся мышкой по меню справа на лево. А в ИЕ сразу. Как бы так его изменить, чтобы он хотя бы в хроме заработал. Хотя и не знаю что делать с мозилой. |
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.js">
</script>
<script>
$(document).ready(function() {
$('#menu > ul > li').hover(
function() {
$('ul', this).slideDown(400);
},
function() {
$('ul', this).slideUp(400);
}
);
});
</script>
<style>
#menu > ul > li > ul {
display: none;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li>Menu 1
<ul>
<li>Sub menu 1.1</li>
<li>Sub menu 1.2</li>
</ul>
</li>
<li>Menu 2
<ul>
<li>Sub menu 2.1</li>
<li>Sub menu 2.2</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
У меня в хроме все работает. |
walik,
У меня как не работал, так не работает. Пример: _http://tae.uswp.ru/ |
Зашел на сайт, меню работает :)
|
| Часовой пояс GMT +3, время: 10:48. |