
Хтмл-низ:
Код:
<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 а саму строку с файлом удалить.



















