Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Выпадающее меню без javascript
 
 автор: Jenia   (11.10.2007 в 02:33)   письмо автору
 
 

Много всяких меню написано на CSS. А вот то, что мне нужно найти не могу. Я хочу самое элементарное меню: Вы нажимаете на ссылку, а под ней появляются ещё ссылки. Как тут: http://js.aceweb.ru/users/2/index/19/index.html . Одно только условие: не должно быть javascript. Возможно ли такое? Если да, то дайте ссылку на реализацию, так как самому найти не удалось.

   
 
 автор: sim5   (11.10.2007 в 03:44)   письмо автору
 
   для: Jenia   (11.10.2007 в 02:33)
 

Видать плохо искали: http://www.cssplay.co.uk/menus/

   
 
 автор: Jenia   (11.10.2007 в 05:14)   письмо автору
 
   для: sim5   (11.10.2007 в 03:44)
 

Отличный сайт. Я на него уже не раз заходил, но покажите мне там меню, где действие происходит по нажатию на ссылку, а не по наведению курсора.

   
 
 автор: CNT   (11.10.2007 в 05:33)   письмо автору
 
   для: Jenia   (11.10.2007 в 02:33)
 

Клик по ссылке ВСЕГДА вызывает действие - ПЕРЕХОД ПО ЭТОЙ ССЫЛКЕ.
CSS это действие (переход в новый документ) отследить не может в принципе - ибо действует в пределах документа.
Потому задача - из нерешаемых.

Имитировать можно, заменив везде псевдокласс :hover на псевдокласс :active,
<html><head>
<style>
div.u2 {display: none; width: 200px}
a:active div.u2 {display: block}
a:link   div.u2 {display: none}
</style>
</head>
<body>
<a href="#">
<div>1-й уровень</div>
<div class="u2">1-й пункт 2-го уровня</div>
<div class="u2">2-й пункт 2-го уровня</div>
</a>
</body></html>


Но это - глупость.

   
 
 автор: Jenia   (11.10.2007 в 05:39)   письмо автору
 
   для: CNT   (11.10.2007 в 05:33)
 

Понял. Значит без javascript не обойтись. Спасибо.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования