Донецк Форум. Донецкий форум.
   Здесь место есть политике и вздору... Удачи Вам! Я - ваш! Донецкий форум. ;)
 
ДОНЕЦКИЙ ФОРУМ - СПРАВОЧНАЯ ДОНЕЦКА
ИСТОРИЯ КАРТА ПОГОДА ДОНЕЦК ПОД ДНР НОВОСТИ
ПОЕЗДА (ЖД) АВТОБУСЫ ТАКСИ ФОТО ГОСТИНИЦЫ
WI-FI ВЕБ КАМЕРЫ БАЗА 09 ПРОВАЙДЕРЫ ОБЛАСТЬ
КИНОТЕАТРЫ ТЕАТРЫ ФК ШАХТЕР КЛУБЫ КАФЕ
ШКОЛЫ РАБОТА ИНСТИТУТЫ ТАНЦЫ ОБЪЯВЛЕНИЯ
БАНКИ АВТОСАЛОНЫ АПТЕКИ БОЛЬНИЦЫ РАЙОНЫ
МЕНЮ РАЗДЕЛОВ
Вернуться   Донецк Форум. Донецкий форум. > ТЕХНИЧЕСКИЙ > Компьютеры > Программирование


Программирование Языки программирования: С++, VBA, SQL. Администрирование Unix и Window, веб (HTML PHP CSS и т.д.)... Основы программирования (примеры) - программирование и все о программировании. ;)


Ответ
 
Опции темы Оценить тему Опции просмотра
Старый 16.10.2009, 13:30   #1
Циник
Аватар для kyeha
Сообщений: 704
Очки репутации:
Адрес: Earth, Solar System
Доп. информация
По умолчанию Меню силами CSS без JS

Для знакомства с контингентом решил пофлудить.
Код работает во всех нормальных браузерах и MSIE7+ (ну и в Maxthon при установленном MSIE7+)
[html]
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS Menu</title>
<style type="text/css">
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu > ul > li {
float: left;
}
#menu a {
display: block;
}
#menu a:hover {
background-color: #ddd;
}
#menu li {
width: 100px;
border: 2px #ccc outset;
line-height: 2;
text-align: center;
position: relative;
}
#menu ul ul {
position: absolute;
z-index: 500;
}
#menu ul ul ul {
top: -2px;
left: 102px;
}
#menu li ul {
display: none;
}
#menu li:hover > ul {
display: block;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item...</a>
<ul>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item...</a>
<ul>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item...</a>
<ul>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
</ul>
</li>
<li><a href="#">Menu Item</a></li>
</ul>
</li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
</ul>
</li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
</ul>
</div>
<div style="clear:both">Lorem ipsum</div>
</body>
</html>
[/html]
__________________
#rm -rf /
kyeha вне форума  
Сказавших "Спасибо!": 1 (показать список)
Ответить с цитированием
Старый 16.10.2009, 13:39   #2
Добрый Э-эх
Аватар для Жоржио
Сообщений: 1,831
Очки репутации:
Доп. информация
По умолчанию

А как это запустить?
Жоржио вне форума  
Ответить с цитированием
Старый 16.10.2009, 13:43   #3
Циник
Аватар для kyeha
Сообщений: 704
Очки репутации:
Адрес: Earth, Solar System
Доп. информация
По умолчанию

Цитата:
Сообщение от Жоржио Посмотреть сообщение
А как это запустить?
Значит вам это не нужно
Просто создать файл с выше указанным содержимым, назвать его к примеру menu.html и открыть браузером.
__________________
#rm -rf /
kyeha вне форума  
Ответить с цитированием
Старый 16.10.2009, 13:47   #4
Добрый Э-эх
Аватар для Жоржио
Сообщений: 1,831
Очки репутации:
Доп. информация
По умолчанию

Цитата:
Сообщение от kyeha Посмотреть сообщение
Значит вам это не нужно
Тысяча чертей! Но ведь любопытно!!!

Добавлено через 1 минуту
Разрази меня гром! Заработало!

Последний раз редактировалось в 13:49. Причина: Добавлено сообщение
Жоржио вне форума  
Ответить с цитированием
Старый 16.10.2009, 14:28   #5
Частично изолирован
Сообщений: 4,144
Очки репутации:
Доп. информация
По умолчанию

А я мучался с JS када на сайт на портал магистров делал...
згание стандартов рулит)
Neurox вне форума  
Ответить с цитированием
Старый 16.10.2009, 17:07   #6
indifferent
Аватар для vityushka
Сообщений: 3,123
Очки репутации:
Группа: Жители Донбасса
Доп. информация
По умолчанию

ето дурная менюха, в которой если чуть криво забить новые пункты, форматироование нафик слетает. Я канешн не программер, но абсолютные позишаны ето тоже не маст хев.
vityushka вне форума  
Ответить с цитированием
Старый 16.10.2009, 17:45   #7
Циник
Аватар для kyeha
Сообщений: 704
Очки репутации:
Адрес: Earth, Solar System
Доп. информация
По умолчанию

Цитата:
Сообщение от vityushka Посмотреть сообщение
ето дурная менюха, в которой если чуть криво забить новые пункты, форматироование нафик слетает.
Не слетает. Слетает только если в окно браузера не помещается, но это лечится.
__________________
#rm -rf /
kyeha вне форума  
Ответить с цитированием
Старый 16.10.2009, 18:40   #8
indifferent
Аватар для vityushka
Сообщений: 3,123
Очки репутации:
Группа: Жители Донбасса
Доп. информация
По умолчанию

Такое же?
http://www.skynet.dn.ua/
vityushka вне форума  
Ответить с цитированием
Старый 16.10.2009, 18:46   #9
Циник
Аватар для kyeha
Сообщений: 704
Очки репутации:
Адрес: Earth, Solar System
Доп. информация
По умолчанию

Цитата:
Сообщение от vityushka Посмотреть сообщение
Такое же?
Угу, только там больше кода для большей совместимости. Да и JS присутствует для MSIE младше седьмого .
__________________
#rm -rf /
kyeha вне форума  
Ответить с цитированием
Старый 17.10.2009, 00:48   #10
indifferent
Аватар для vityushka
Сообщений: 3,123
Очки репутации:
Группа: Жители Донбасса
Доп. информация
По умолчанию

Ага.
Я просто не мог вспомнить де я ето видел. Оказалось, влепливал в dle.
vityushka вне форума  
Ответить с цитированием
Старый 17.10.2009, 00:58   #11
Циник
Аватар для kyeha
Сообщений: 704
Очки репутации:
Адрес: Earth, Solar System
Доп. информация
По умолчанию

Цитата:
Сообщение от vityushka Посмотреть сообщение
Ага.
Я просто не мог вспомнить де я ето видел. Оказалось, влепливал в dle.
Ну у меня копипастерства не было, я сам писал код
Знаешь почему многие выступают против патентования алгоритмов?..
__________________
#rm -rf /
kyeha вне форума  
Ответить с цитированием
Ответ




РАССКАЖИ О ФОРУМЕ на других сайтах

Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Trackbacks are Выкл.
Pingbacks are Выкл.
Refbacks are Выкл.




Создано на vBulletin® Version 3.8.7
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd. Перевод: zCarot. Донецкий форум.