VPF::Встраивание JS-меню в <td> - Форум программистов

Su_

Дата 29.10.2009, 15:11 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 386
Регистрация: 1.8.2007

Репутация: нет
Всего: нет

Добрый день.

Нашел в интернете, исходник js меню.(прикрепил в приложение )

Вопрос, как встроить его в ячейку таблицы в html ?

<td>
//тут код меню
</td>

в примере есть есстественно css стиль

Код


<style type="text/css">
DIV.clSlide{position: absolute;margin-top: 10%;margin-left:0%;  ;z-index:10; left:0; width:154; height:22; clip:rect(0,154,22,0); padding:3px;}
DIV.clSlideSub{position: absolute;margin-top: 10%;margin-left: 0%;;z-index:10; padding:2px; clip:rect(0,200,20,0); width:200; height:20; left:8; visibility:hidden}
DIV.clSlideSub2{position:absolute;margin-top: 10%;margin-left: 0%; padding:2px; clip:rect(0,148,20,0); width:148; height:20; left:8; visibility:hidden}
#divSlideCont{position: absolute;margin-top:10%;margin-left: 0%; z-index:10; left:0; top:100; height:600; width:170; visibility:hidden}
A.clSlideLinks{font-family:Verdana, Helvetica, Helv; font-size:11px; font-weight:bold; text-decoration:none; color:white}
A.clSlideSubLinks{font-family:Verdana, Helvetica, Helv; font-size:10px; text-decoration:none; color:Navy}
A.clSlideSub2Links{font-family:Verdana, Helvetica, Helv; font-size:9px; text-decoration:none; color:Navy} 
</style>

пытался менять св-во Position , но тогда все едет , сделал по средствам отсупа в нужное место .. Но хочеться получить результат, что при открытие менюшки , растягивалась и ячейка в которой она находиться, как это сделать?

Присоединённый файл ( Кол-во скачиваний: 9 )

1_js.zip 11,38 Kb

--------------------

zeralex

Дата 4.11.2009, 14:31 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 4
Регистрация: 4.11.2009

Репутация: нет
Всего: нет

В большинстве случаев JS тут не нужен - используй CSS.
В общем это свойство hover +margin +padding
В google "меню на css"

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »