Хтмл-низ:
Код:
<link href="http://jq.creativejuiz.fr/plugins-jquery/dropdown-menu/demo/css/juizDropDownMenu.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://jq.creativejuiz.fr/plugins-jquery/dropdown-menu/demo/js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="http://jq.creativejuiz.fr/plugins-jquery/dropdown-menu/demo/js/juizDropDownMenu-2.0.0.min.js"></script> <script type="text/javascript"> $(function(){ $("#dropdown").juizDropDownMenu({ 'showEffect' : 'fade', 'hideEffect' : 'slide' }); }); </script>
Код панели:
Код:
<ul id="dropdown"> <li><a href="#accueil">Home</a></li> <li><a href="#rea">Services</a> <ul> <li><a href="#print">Print</a></li> <li> <a href="#web">Web</a> <ul> <li><a href="#analyzes">Analyzes</a></li> <li><a href="#ux">UX</a></li> <li><a href="#submenu">Submenu</a></li> <li><a href="#ssmenu">Sub-sub-menu</a></li> </ul> </li> <li><a href="#marketing">Marketing</a></li> <li><a href="#ref">SEO</a></li> <li> <a href="#access">Accessibility</a> <ul> <li><a href="#analyzes">Analyzes</a></li> <li><a href="#ux">UX</a></li> <li><a href="#submenu">Submenu</a></li> <li><a href="#ssmenu">Sub-sub-menu</a></li> </ul> </li> </ul> </li> <li><a href="#comp">About</a> <ul> <li><a href="#who">Who we are</a></li> <li><a href="#what">Our competences</a></li> <li><a href="#ref">Our references</a></li> </ul> </li> <li><a href="#contact">Contact us</a></li> </ul>
Собственно, настройки внешнего вида находятся в файле http://jq.creativejuiz.fr/plugins-jquery/dropdown-menu/demo/css/juizDropDownMenu.css
При желании, можно перенести содержимое файла во второе окно CSS а саму строку с файлом удалить.