24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » COLOR MATE » Каталог CSS|JS » Многоуровневое выпадающее меню «Juiz DropDown Menu»


Многоуровневое выпадающее меню «Juiz DropDown Menu»

Сообщений 1 страница 2 из 2

1

http://efimov.ws/assets/images/2011/11/17/49.jpg
Хтмл-низ:

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

+1

2

а куда записывать код панели, если он нужен?

0


Вы здесь » COLOR MATE » Каталог CSS|JS » Многоуровневое выпадающее меню «Juiz DropDown Menu»