Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> как сделать такое меню, как сделать такое меню 
:(
    Опции темы
supervladislav
Дата 1.4.2008, 21:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


///\\\///\\\///\\\
***


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

Репутация: нет
Всего: -9
вот мне поставили такую задачу сделать такое меню вот как тут 
http://forum.htmlbook.ru/viewtopic.php?pid=29438

ну так чтоб когда нажимаешь кнопку она не только меняла цвет ,но и нижняя часть полосу пропадала?Подскажите плиз???
PM MAIL   Вверх
awers
Дата 1.4.2008, 23:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник
Сообщений: 1465
Регистрация: 22.3.2006
Где: Россия, Таганрог

Репутация: 2
Всего: 31
supervladislav, советую детально изучить исходный код сайта.
Код

 <span id="m5" style="top: 36px"><a href="/"><img src="http://htmlbook.ru/images/forum2.gif" width="65" height="26" border="0" alt="Форум" /></a></span>

где style="top: 36px"
PM MAIL WWW ICQ Skype   Вверх
supervladislav
Дата 2.4.2008, 00:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


///\\\///\\\///\\\
***


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

Репутация: нет
Всего: -9
Цитата(awers @ 1.4.2008,  23:03)
supervladislav, советую детально изучить исходный код сайта.
Код

 <span id="m5" style="top: 36px"><a href="/"><img src="http://htmlbook.ru/images/forum2.gif" width="65" height="26" border="0" alt="Форум" /></a></span>

где style="top: 36px"

зы  не догоняю ))))вы моглибы объяснить????
PM MAIL   Вверх
awers
Дата 2.4.2008, 01:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник
Сообщений: 1465
Регистрация: 22.3.2006
Где: Россия, Таганрог

Репутация: 2
Всего: 31
ну там у обычных кнопок один отступ от верха, а у выделенной +2px, в следствии чего она попросту перекрывает линию. только это ИЗВРАЩЕННЫЙ способ организации меню )
PM MAIL WWW ICQ Skype   Вверх
supervladislav
Дата 2.4.2008, 11:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


///\\\///\\\///\\\
***


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

Репутация: нет
Всего: -9
зы а как  сделать так чтоб она цвет меняла))))на другой ))с помощью событий дхтмл
PM MAIL   Вверх
webevt
Дата 2.4.2008, 15:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

Репутация: нет
Всего: 3
supervladislav, событие onmouseover
Код

document.getElementById( 'your_obj_id' ).style.backgroundColor = "#000000";


Таких примеров в сети достаточно, чтоб их можно было найти Гуглом.
PM MAIL   Вверх
supervladislav
Дата 2.4.2008, 19:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


///\\\///\\\///\\\
***


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

Репутация: нет
Всего: -9
спасибо
PM MAIL   Вверх
YelloW
Дата 2.4.2008, 22:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: нет
Всего: нет
сделал новигацию на flash&actionscript и нет проблемм, и просто и красиво)
PM MAIL   Вверх
supervladislav
Дата 3.4.2008, 17:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


///\\\///\\\///\\\
***


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

Репутация: нет
Всего: -9
Цитата(webevt @ 2.4.2008,  15:15)
supervladislav, событие onmouseover
Код

document.getElementById( 'your_obj_id' ).style.backgroundColor = "#000000";


Таких примеров в сети достаточно, чтоб их можно было найти Гуглом.

а скажи как сделать тоже самое только с дивами(классами) ,но на событиях дхмл
PM MAIL   Вверх
bars80080
Дата 3.4.2008, 17:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315
supervladislav, а что для вас DHTML ?
PM MAIL WWW   Вверх
TryLight
Дата 3.4.2008, 18:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

Репутация: 1
Всего: 1
Кстати, интересный вопрос: 
как изменять свойство класса или группы тегов?
PM MAIL WWW   Вверх
supervladislav
Дата 3.4.2008, 20:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


///\\\///\\\///\\\
***


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

Репутация: нет
Всего: -9
Цитата(bars80080 @ 3.4.2008,  17:52)
supervladislav, а что для вас DHTML ?

ну насколько я понимаю енто ,поправте если я не прав ))))это события типо 
 onkeypress=""  onmouseout="" onmouseup=""
PM MAIL   Вверх
awers
Дата 3.4.2008, 20:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник
Сообщений: 1465
Регистрация: 22.3.2006
Где: Россия, Таганрог

Репутация: 2
Всего: 31
голый JS не советую, уж больно много проблем при заточке под браузеры разные.
Берем в руки jQuery и радуемся жизни )
PM MAIL WWW ICQ Skype   Вверх
TryLight
Дата 3.4.2008, 21:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

Репутация: 1
Всего: 1
Цитата(TryLight)

Кстати, интересный вопрос: 
как изменять свойство класса или группы тегов? 


Вот скрипт в кач. примера, который это демонстирует.

Код

<html>
<head>
<style>
 .d {color:#0000FF;font-size: 16px;}
 .mid {color:#FF0000;font-size: 20px;}
</style>

<script>
function down() {
  sht = document.styleSheets[0];
  rules = sht.rules||sht.cssRules; // IE/Mozilla
  rules[0].style['color'] = "#FF0000";
  rules[0].style.fontSize = "20";
  rules[1].style.color = "#0000FF";
  rules[1].style.fontSize = "16";
} 
function up() {
  sht = document.styleSheets[0];
  rules = sht.rules||sht.cssRules; // IE/Mozilla
  rules[1].style['color'] = "#FF0000";
  rules[1].style.fontSize = "20";
  rules[0].style.color = "#0000FF";
  rules[0].style.fontSize = "16";
}
</script>
</head>


<body>

<br>
<div class="d">first</div>
<div class="mid">middle</div>
<div class="d">second</div>
<div class="mid">middle</div>
<br>
<button onMouseDown="down()" onMouseUp="up()">&nbsp;Set colors&nbsp;</button>

</body>
</html>
PM MAIL WWW   Вверх
bars80080
Дата 4.4.2008, 09:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315
Цитата(supervladislav @  3.4.2008,  20:29 Найти цитируемый пост)
ну насколько я понимаю енто ,поправте если я не прав ))))это события типо 
 onkeypress=""  onmouseout="" onmouseup="" 

DHTML - это короткая аббревиатура, переводится известно как, но обозначет она не какой-то иной синтаксис HTML, а всего лишь HTML+CSS+JS в одном комплекте, учитывая что пример http://forum.vingrad.ru/index.php?showtopi...t&p=1464689 содержит в себе и второе, и третье (и уж точно при вставке на страницу будет содержать и первое) он отвечает DHTML
PM MAIL WWW   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0879 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.