Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.12.2013, 20:28
Кандидат Javascript-наук
Отправить личное сообщение для Терехов Станислав Посмотреть профиль Найти все сообщения от Терехов Станислав
 
Регистрация: 22.12.2013
Сообщений: 105

Выпадающее меню.
Всем привет. Как сделать выпадающее меню?
Ответить с цитированием
  #2 (permalink)  
Старый 25.12.2013, 21:11
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Очередной забаненый гуглом?
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #3 (permalink)  
Старый 25.12.2013, 22:32
Кандидат Javascript-наук
Отправить личное сообщение для Терехов Станислав Посмотреть профиль Найти все сообщения от Терехов Станислав
 
Регистрация: 22.12.2013
Сообщений: 105

А может кто-нибудь показать, как создаётся всплывающее меню при наведении мышки только при помощи Div'ов, а не таблиц?
Ответить с цитированием
  #4 (permalink)  
Старый 25.12.2013, 23:11
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Специально для тебя накидал пример
<!DOCTYPE html>
<meta charset="utf-8" />
<style>
	.menu li{
		position: relative;
		display: inline-block;
		background: #777;
		list-style: none;
		padding: 2px 4px;
		margin: 2px;
	}
	.menu a{
		color: #fff;
		font-family: Arial;
		text-decoration: none;
	}
	.menu li ul{
		visibility: hidden;
		opacity: 0;
		position: absolute;
		top: 100%;
		left: 0;
		border: 1px solid #777;
		margin: 0;
		padding: 0;
		/*transition: visibility 0.5s, opacity 0.5s;*/
	}
	.menu li:hover ul{
		visibility: visible;
		opacity: 1;
	}
	.menu li li{
		display: block;
		white-space: nowrap;
	}
</style>

<ul class="menu">
	<li>
		<a href="#">Пункт 1</a>
		<ul>
			<li><a href="#">Подпункт 1</a></li>
			<li><a href="#">Подпункт 2</a></li>
		</ul>
	</li>
	<li>
		<a href="#">Пункт 2</a>
		<ul>
			<li><a href="#">Подпункт 1</a></li>
			<li><a href="#">Подпункт 2</a></li>
		</ul>
	</li>
</ul>


Хм, чета транзишн во фрейме не хочет работать в хроме. Закоментил.
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #5 (permalink)  
Старый 25.12.2013, 23:23
Кандидат Javascript-наук
Отправить личное сообщение для Терехов Станислав Посмотреть профиль Найти все сообщения от Терехов Станислав
 
Регистрация: 22.12.2013
Сообщений: 105

Большое спасибо, но меня как раз интересует всплывающее меню, не с таблицами, а с дивами.
А так спасибо, конечно большое. в этом коде тоже буду разбираться.
Ответить с цитированием
  #6 (permalink)  
Старый 25.12.2013, 23:45
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Сообщение от Терехов Станислав
Большое спасибо, но меня как раз интересует всплывающее меню, не с таблицами, а с дивами.
Чет не пойму. Как оно должно вспывать? И причем тут таблицы-то? Их уже сто лет никто не использует в верстке (без надобности)
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #7 (permalink)  
Старый 26.12.2013, 00:12
Кандидат Javascript-наук
Отправить личное сообщение для Терехов Станислав Посмотреть профиль Найти все сообщения от Терехов Станислав
 
Регистрация: 22.12.2013
Сообщений: 105

danik.js,
я имею ввиду ul и li
Ответить с цитированием
  #8 (permalink)  
Старый 26.12.2013, 00:14
Кандидат Javascript-наук
Отправить личное сообщение для Терехов Станислав Посмотреть профиль Найти все сообщения от Терехов Станислав
 
Регистрация: 22.12.2013
Сообщений: 105

таблицы это tr и td, а что тогда такое ul и li. если мне память не изменяет, то это обычная колонка, тогда поняно. спасибо.
Ответить с цитированием
  #9 (permalink)  
Старый 26.12.2013, 05:15
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Сообщение от Терехов Станислав
если мне память не изменяет, то это обычная колонка
http://htmlbook.ru/html/ul

Поголовно используется для разметки меню.
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #10 (permalink)  
Старый 26.12.2013, 06:14
Кандидат Javascript-наук
Отправить личное сообщение для Терехов Станислав Посмотреть профиль Найти все сообщения от Терехов Станислав
 
Регистрация: 22.12.2013
Сообщений: 105

да. я это проходил полтора года назад. есть ещё ol и li. подзабыл немного. я эти тэги путаю с таблицей.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Находится ли мышка над дивом ? (выпадающее меню) advsm jQuery 31 24.09.2014 17:50
jquery ui layout + выпадающее меню Sveta jQuery 2 04.12.2012 09:04
Выпадающее меню CyMKuH Элементы интерфейса 4 09.08.2012 21:03
Выпадающее меню для внутренней навигации по закладкам на странице на javascript+css rdfhnbhf jQuery 1 13.07.2012 15:17
Выпадающее меню для внутренней навигации по закладкам на странице на javascript+css rdfhnbhf Javascript под браузер 1 13.07.2012 12:26