VPF::Уважаемые, подскажите новичку, как сделать меню!

Бархат

Дата 6.1.2005, 01:59 (ссылка)

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

Загрузка ...

Новичок

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

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

подскажите, как сделать меню навигации следующего вида: Сначала есть несколько ссылок(картинкакми). Например,
О Нас
О Проекте
Пишите нам

Как сделать так, чтобы, к примеру, при нажатии на ссылку "О проекте" меню принимало след.вид: под ссылкой "О проекте" открывались ссылки на подразделы данного раздела.
например, так...

О Нас
О Проекте

1)проект 1
2)Проект 2
3)Проект 3

Пишите нам

То есть суть в том, как сделать раскрывающееся такое меню. И желательно, чтоб главная ссылка(for ex. "О проекте") была картинкой, а то что раскроется, было текстом?

Заранее спасибо, а то очень нужно!!!! Не бросьте в беде!

Рыжий

Дата 6.1.2005, 02:05 (ссылка)

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

Загрузка ...

Помешанный

Профиль
Группа: Завсегдатай
Сообщений: 1423
Регистрация: 19.9.2004

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

поищи в яндексе "скрипты"
А дальше на любом сайте в разделе java scripts (а скорее всего это сделается на яве) ищи свой smile

скрипт, все очень просто

Bangladesh

Дата 6.1.2005, 03:53 (ссылка)

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

Загрузка ...

AsBest

Профиль
Группа: Завсегдатай
Сообщений: 1089
Регистрация: 4.9.2004
Где: Калининград

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

Код


<HTML>
<HEAD>
<TITLE>Пример выпадающего меню</TITLE>

<!--ОПИСАНИЕ ОБЪЕКТОВ В СКРИПТЕ-->
<style>
.hidden {position: absolute; visibility: hidden;}
.visible {position: absolute; visibility: visible; z-index: 2; bgcolor:red;}
</style>

<!--САМ СКРИПТ-->
<script language="JavaScript">
function showObject(obj) {
obj.className = "visible"
}
function hideObject(obj) {
obj.className = "hidden"
}
</script>
</HEAD>

<body topmargin=0 leftmargin=0>


<!--В ЭТИ ДВА <div> ЗАКЛЮЧАЕШЬ ТОТ ОБЪЕКТ КОТОРЫЙ ВИДЕН ВСЕГДА, Т.Е. ГЛАВНЫЙ РАЗДЕЛ-->
<div style="position: absolute; top: 20px; left: 20px;"
onmouseover="javascript:showObject(Nav1)" 
onmouseout="javascript:hideObject(Nav1)">
<font>НАВЕДИ МЫШЬ :)</font>
</div>

<!--В ЭТИ ДВА <div> ЗАКЛЮЧАЕШЬ, ЧТО ВЫВОДИТСЯ ПОД ОБЪЕКТОМ-->
<div id="Nav1" class="hidden" 
style="position: absolute; top: 40px; left: 20px;"
onmouseover="javascript:showObject(Nav1)"
onmouseout="javascript:hideObject(Nav1)">
<br>
<font>Гы!</font>
<br>
<font>Гхы!</font>
<br>
<font>Гм...</font>
</div>

</body>
</HTML>

только помни, что если главных разделов несколько надо nav1 менять на nav2, nav3, nav4 и так далее в зависимости от номера раздела...

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

ок

Бархат

Дата 6.1.2005, 07:42 (ссылка)

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

Загрузка ...

Новичок

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

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

Спасибо вам огромное! Очень благодарен!

Се ля ви

Дата 6.1.2005, 12:58 (ссылка)

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

Загрузка ...

Java/SOAрхитектор

Профиль
Группа: Модератор
Сообщений: 2016
Регистрация: 5.6.2004
Где: place without tim e and space

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

Этот вопрос должен был быть задан в раздел JavaScript...

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

)
(
[_])
проф. блог

Кролики думали, что занимаются любовью, а на самом деле их просто разводили...

vio

Дата 6.1.2005, 14:26 (ссылка)

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

Загрузка ...

Шустрый

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

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

Интересно, а как сделать так что бы если таких выпадающих меню много и они расположены вертикально, то при выпадении подменю, остальные пункты сдвигались ниже. А когда мышь убирается, то все возвращается на место?

Бархат

Дата 7.1.2005, 00:53 (ссылка)

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

Загрузка ...

Новичок

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

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

И вот еще: подсскажите, как сделать, чтобы первый пункт(раздел) был картинкой, а подразделы- ссылками текстом?

Bangladesh

Дата 7.1.2005, 03:37 (ссылка)

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

Загрузка ...

AsBest

Профиль
Группа: Завсегдатай
Сообщений: 1089
Регистрация: 4.9.2004
Где: Калининград

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

Цитата(vio @ 6.1.2005, 13:26)

дык мой скрипт именно это и делает smile

Добавлено @ 03:40

Цитата

И вот еще: подсскажите, как сделать, чтобы первый пункт(раздел) был картинкой, а подразделы- ссылками текстом?

млин... ну я же объяснил в скрипте. все, что в  - это комментарии. между первыми <div> любое на что наводится, а между вторыми <div> любое, что выдвегается.

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

ок

vio

Дата 9.1.2005, 13:08 (ссылка)

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

Загрузка ...

Шустрый

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

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

Странно, но у меня следующий пункт не сдвигается, а просто пишется на предидущем...

vio

Дата 9.1.2005, 13:52 (ссылка)

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

Загрузка ...

Шустрый

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

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

В принципе, понятно что должно измениться, но может быть просто позицию нужно сделать относительной???
Подскажи пожалуйста как это сделать.

Код


style="position: [align=left][b]absolute[/b][/align]; top: 60px; left: 20px;"

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