Компьютерный форум NoWa.cc

Компьютерный форум NoWa.cc (https://nowa.cc/index.php)
-   Веб - Программирование (https://nowa.cc/forumdisplay.php?f=304)
-   -   Вертикальное меню (https://nowa.cc/showthread.php?t=432498)

krig000 01.04.2015 20:40

Вертикальное меню
 
Всем привет!
Работаю над созданием адаптивной версии своего сайта. Так как сайт простой, решил не использовать фреймворки, а написать код самостоятельно. Столкнулся со следующей проблемой - нигде не могу найти пример вертикального адаптивного выпадающего меню. То есть, образцов горизонтального выпадающего адаптивного меню очень много, а вертикального нет. В чем проблема с его созданием? Подскажите, или дайте пример.

zss 02.04.2015 18:49

Re: Вертикальное меню
 
Такое не подойдет:
http://jemand.ru/vertikalnoe-vypaday...cssjs-onclick/

krig000 02.04.2015 21:34

Re: Вертикальное меню
 
Спасибо, интересный вариант. Но я хотел, чтобы на больших мониторах подпункты открывались вправо, а не вниз.

morss 08.04.2015 21:02

Re: Вертикальное меню
 
Держи: http://dfiles.ru/files/dxkjxaq1h

krig000 14.04.2015 19:51

Re: Вертикальное меню
 
Нашел то, что мне нужно, здесь - http://www.smartmenus.org/.
Теперь возникла другая проблема. При подключении fancybox меню перестает работать.

Вот код подключения меню:
<script src="js/jquery.js"></script>
<script src="js/collapse.js"></script>
<!-- jQuery -->
<script type="text/javascript" src="js/jquery-loader.js"></script>
<!-- SmartMenus jQuery plugin -->
<script type="text/javascript" src="js/jquery.smartmenus.js"></script>
<!-- SmartMenus jQuery init -->
<script type="text/javascript">
$(function() {
$('#main-menu').smartmenus({
mainMenuSubOffsetX: 1,
mainMenuSubOffsetY: -8,
subMenusSubOffsetX: 1,
subMenusSubOffsetY: -8
});
});
</script>

А вот код подключения fancybox:

<script type="text/javascript" src="video/fancybox/jquery-1.5.min.js"></script>
<script type="text/javascript" src="video/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="video/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="video/fancybox/jquery.fancybox-1.3.4.css" media="screen" />

<script type="text/javascript">
$(document).ready(function(){
$("a.foto").fancybox({
'transitionIn' :'elastic',
'transitionOut' :'elastic',
'speedIn' :1000,
'speedOut' :1000
});
});
</script>

Когда отключаю jquery-1.5.min.js в коде fancybox, меню работает, а fancybox - нет. Посоветуйте, как устранить эту неполадку?


Текущее время: 15:27. Часовой пояс GMT +3.

Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2026, vBulletin Solutions, Inc. Перевод: zCarot
Copyright ©2004 - 2026 NoWa.cc

Время генерации страницы 0.02049 секунды с 9 запросами