24.11.2008, 23:06
|
|
Участник форума
Регистрация: 22.03.2007
Сообщений: 220
Провел на форуме:
1068874
Репутация:
234
|
|
Добрый вечер! Подскажите решение проблемы - сделал выпадающее меню простенькое на js+css. Наверное самую примитивное из всех возможных. Все было хорошо, тестил... Сейчас возобновляю проект. При щелчке мышью - выпадает и резко скрывается. Код не менял.
Например:
Вот список:
PHP код:
<a href=""><ul class="expmenu off">Список</a>
<li class="off"> - 1; </li>
<li class="off"> - 2; </li>
<li class="off"> - 3; </li>
</ul>
Стиль описан в отдельном подключаемом файле и имеет вид:
PHP код:
.on, .off, .onoff {cursor: pointer !important}
.off ul, .off li {display: none}
ul.expmenu
{ display: inline;
padding-left: 0;
padding-top:0;
}
ul.expmenu li
{
padding: 0;
padding-left: 10;
padding-top: 5;
font-size: 10;
color: #5A5959;
list-style-position:inside;
list-style-type:none;
}
И, наконец код яваскрипта тоже в отдельном файле, подключаемом
PHP код:
document.onclick= function(e)
{
var s= (e)?e.target:(event)?event.srcElement:"";
if (s)
{
var t= s.className.replace(/\boff\b/,"on");
if (t===s.className) {t= s.className.replace(/\bon\b/,"off");}
s.className= t;
}
}
На самом деле очень хочется разобраться... Больших познаний в JS не имею, и хоть убей - не вижу причины такого поведения меню... Заранее спасибо! |
|
|