Copyright © 2009 KinoFast. All Rights Reserved.
mce_href, href, css, меню, javascript, html, script, reference, tutorials, kit, код, следующий, файла, выпадающее, for
Скачать что то полезное
Заказать разработку сайта
Почитать ваши уроки
Случайно, проходил мимо.
С какой целью вы посетили наш ресурс ?
Случайный шаблон
Случайная работа
В данной статье я расскажу как сделать вертикальное выпадающее меню с использованием CSS и JavaScript. Разметка основана на маркированных списках и поддерживает один уровень вложенности. Вложенное меню с помощью CSS трансформируется в выпадающее меню, появляющееся при событии onmouseover. Интерфейс меню стилизован во внешнем файле стилей. Изображение стрелки появляется автоматически, когда у пункта меню есть подразделы. Инструкция по установке Шаг 1: добавьте следующий код в секцию <head> Вашего HTML файла: <link rel="stylesheet" type="text/css" href="cssverticalmenu.css" mce_href="cssverticalmenu.css" /> <script type="text/javascript" src="cssverticalmenu.js" mce_src="cssverticalmenu.js"> /*********************************************** * CSS Vertical List Menu- by JavaScript Kit (www.javascriptkit.com) * Menu interface credits: http://www.dynamicdrive.com/style/csslibrary/item/glossy-vertical-menu/ * This notice must stay intact for usage * Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more ***********************************************/ </script>В нем содержатся ссылки на два внешних файла и 3 картинки. Скачайте их (правый клик и выберите "Сохранить как"): Три картики (отресайзенные): Шаг 2: Добавьте следующий HTML код, в котором и содержится само меню: <ul id="verticalmenu" class="glossymenu"> <li><a href="#" mce_href="#">JavaScript Kit</a></li> <li><a href="#" mce_href="#">Free JavaScripts</a></li> <li><a href="#" mce_href="#">JavaScript Tutorials</a></li> <li><a href="#" mce_href="#">References</a> <ul> <li><a href="#" mce_href="#">JavaScript Reference</a></li> <li><a href="#" mce_href="#">DOM Reference</a></li> <li><a href="#" mce_href="#">CSS Reference</a></li> </ul> </li> <li><a href="#" mce_href="#">DHTML/ CSS Tutorials</a></li> <li><a href="#" mce_href="#">web Design Tutorials</a></li> <li><a href="#" mce_href="#">Helpful Resources</a> <ul> <li><a href="#" mce_href="#">Dynamic HTML</a></li> <li><a href="#" mce_href="#">Coding Forums</a></li> <li><a href="#" mce_href="#">CSS Drive</a></li> <li><a href="#" mce_href="#">CSS Library</a></li> <li><a href="#" mce_href="#">Image Optimizer</a></li> <li><a href="#" mce_href="#">Favicon Generator</a></li> </ul> </li> </ul>
Создаем вертикальное выпадающее меню при помощи CSS
здесь Качественные в Киеве We will use .
Сегодня нас посетило : 44
Сейчас на сайте : 5
Тег HR является довольно старым элементом HTML, до появления CSS ему можно было назначить толщин
Вертикальное выравнивание всегда было проблемным местом в CSS, так как свойство vertical-align де
В данной статье я расскажу как сделать вертикальное выпадающее меню с использованием CSS и JavaSc
Создаем вертикальное выпадающее меню при помощи CSS
Комментариев нет:
Отправить комментарий