выпадающее меню onclic

2 2 4 11 6 4 4 4 4 6 14 2 9 2 6 3 4 2 3 3 7 2 4 2 11 3 4 4 4 5 3 2 7 2 3

Популярные метки

Самое обсуждаемое

Самое популярное

Internet Explorer Google Chrome Firefox Safari Opera Maxthon Другой

Какой браузер вы используете как основной в своей системе?^

Голосование на сайте

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Мы рекомендуем Вам либо войти на сайт под своим именем.

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.

Рекомендуем посмотреть:

Очень часто приходится разрабатывать скрипты и дизайн различных проектов. Иногда в проектах приходится создавать выдающее меню. Именно поэтому в данной статье я расскажу как сделать красивое выпадающее меню с эффектом скрытия\показа содержимого. Для начала нам необходимо написать HTML код выпадающего меню. Выглядит он так:<a href="#" class="button" onclick="javascript:showElement('v-menu')"> <span>Click Here</span></a><ul id="v-menu" class="v-menu" style="display:none;"><li><a href="p1.html">Technology</a></li><li><a href="p2.html">Design</a></li><li><a href="p3.html">Css Gallery</a></li><li><a href="p4.html">Entertainment</a></li><li><a href="p5.html">Programming</a></li></ul>Пишем обработчик сворачивания/разворачивания блокаТеперь необходимо написать сам обработчик для показа\скрытия списка. Входным параметром функции showElement будет идентификатор того элемента, который необходимо развернуть или свернуть.После нескольких минут коддинга у меня получился такой скрипт:function showElement(layer){var myLayer = document.getElementById(layer);if(myLayer.style.display=="none"){ myLayer.style.display="block"; myLayer.backgroundPosition="top"; } else { myLayer.style.display="none"; }}

Категория: , Автор:

Выпадающее меню на JavaScript

Загрузка. Пожалуйста, подождите...

Выпадающее меню на JavaScript » Скрипт.я1.ру