Форум программистов, компьютерный форум, киберфорум
JavaScript
Форум программистов и сисадминов Киберфорум > Форум web-программистов > JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.54/24: Рейтинг темы: голосов - 24, средняя оценка - 4.54
0 / 0 / 0
Регистрация: 27.07.2009
Сообщений: 28

Изменение цвета блока кнопки в меню

27.07.2009, 23:01. Показов 4975. Ответов 5
Метки нет (Все метки)
Студворк — интернет-сервис помощи студентам
Здравствуйте! Никак не могу сделать так, чтобы при наведении мыши на кнопку в меню, весь блок кнопки, кроме надписи менял цвет(((((((((((((((
Спасибо за советы!!!!!!!!!!!!!!!!!

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173

<style type="text/css">
<!--
.стиль28 {font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; }
.стиль29 {color: #000000}
.стиль31 {
    font-size: 24px;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #FF6600;
}
.стиль32 {font-family: Arial, Helvetica, sans-serif}
body,td,th {
    font-size: small;
}
.стиль34 {
    color: #000000;
    font-size: larger;
}
-->
</style>
</head>
<!-- begin of Top100 code -->
<script id="top100Counter" type="text/javascript" src="http://counter.rambler.ru/top100.jcn?1811559"></script><noscript><img src="http://counter.rambler.ru/top100.cnt?1811559" alt="" width="1" height="1" border="0"/></noscript>
<!-- end of Top100 code -->
 
 
<body bgcolor="#FFFFFF" text="#000000">
<table width="722" border="0" cellspacing="0" cellpadding="0" align="center"><!--DWLayoutTable-->
  <tr> 
    <td bgcolor="#343434" rowspan="8" width="1" background="img/border.gif"><img src="img/border.gif"></td>
    <td height="24" colspan="2" bgcolor="#000000">&nbsp;</td>
    <td bgcolor="#343434" rowspan="8" width="1" background="img/border.gif"><img src="img/border.gif" width="14" height="13"></td>
  </tr>
  <tr> 
    <td><img src="img/1.jpg" width="497" height="179"></td>
    <td><img src="img/2.jpg" alt="Noski 24, подписка на носки" width="225" height="106"><br>
      <img src="img/3.2.jpg", alt="подписка на носки контакты" width="225" height="73"></td>
  </tr>
  <tr> 
 
 
 
    <td colspan="2" height="45" bgcolor="#000000"> 
      <table width="95%" border="0" cellspacing="0" cellpadding="2" align="center">
        <tr valign="top"> 
          <td> 
            <div align="center"><a href="about.htm" class="navy"> НОСКИ</a></div>
          </td>
          <td> 
            <div align="center"><a href="quality.htm" class="navy">СОСТАВ</a></div>
          </td>
          <td> 
            <div align="center"><a href="present.htm" class="navy">НОСКИ В ПОДАРОК</a></div>
          </td>
          <td> 
            <div align="center"><a href="moda.htm" class="navy">МОДА И УХОД</a></div>
          </td>
          <td> 
            <div align="center"><a href="zakaz.php" class="navy">ЗАКАЗ И ЦЕНЫ</a></div>
          </td>
          <td> 
            <div align="center"><a href="mail.htm" class="navy" title="Задать вопрос о доставке носков">НАПИШИТЕ НАМ</a></div>
          </td>
 
 
 
 
        </tr>
      </table>
    </td>
  </tr>
  <tr> 
    <td colspan="2" bordercolor="3" class="td_center"> 
      <p align="left"><img src="img/n0.jpg" alt="Доставка носков по почте" width="174" height="271" align="left"></p>
      <table width="73%" height="85" border="0" bgcolor="#CCCCCC">
        <tr>
          <th bordercolor="3" scope="col"><p class="стиль31"><span class="стиль32">N<span class="стиль29">oski</span>24</span> – <span class="стиль29">ежемесячная подписка на качественные черные  мужские носки</span></p></th>
        </tr>
      </table>
      <p align="left"><span class="стиль28"><strong>Подписка 
        на Носки</strong> - ответ на обычную проблему: Носки исчезают, рвутся или изнашиваются 
        в течение времени, а в Вашем ящике может не оказаться второго такого же.</span></p>
      <p align="left" class="стиль28">С подпиской на носки Вы забудете про эти проблемы! Носки будут поставляться 
        в любое удобное для Вас время и место, в любом количестве!</p>
      <p align="left" class="стиль28">Мы ориентируемся на стиль, удобство и качество.<br>
        Мы работаем с самыми надежными, доверительными поставщиками и производителями.</p>
      <p align="left" class="стиль28"><a href="about.htm" alt="О доставке носков">подробнее...</a><br>
      </p>
      <p><br>
      </p>      </td>
  </tr>
  <tr> 
    <td height="147" colspan="2" class="td_center"><p><span class="стиль34"><strong class="стиль28">Какие преимущества Вы приобретаете от нашей подписки?</strong></span></p>
      <p><span class="стиль28">- носки никогда не заканчиваются<br>
        - вам не придется перерывать ящик в поисках второго такого же <br>
        - подписка всегда гарантирует регулярную поставку выбранной вами модели<br>
        - высокое качество и комфорт<br>
      </span><br>    
    </p></td>
  </tr>
  <tr> 
    <td colspan="2" class="td_center"> 
      <table width="92%" border="0" cellspacing="0" cellpadding="2" align="center" class="td_center">
        <tr align="right"> 
          <td width="27%"><a href="table size.htm"><img src="img/n1.jpg" alt="Таблица размеров носков" width="172" height="129"></a><br> <style TYPE="text/css"> <!-- a:hover {color: orange; mso-bidi-font-size:12pt} --> </style>
            <a href="table size.htm" class="стиль28">таблица размеров</a></td>
          <td width="39%"><a href="moda.htm"><img src="img/n2.jpg" alt="как стирать" width="172" height="129"></a><br>
            <a href="moda.htm" class="стиль28">как стирать</a></td>
          <td rowspan="2" width="34%"><a href="quality.htm"><img src="img/n5.jpg" width="128" height="172"></a><br>
            <a href="quality.htm" class="стиль28">материал</a> </td>
        </tr>
        <tr align="right"> 
          <td width="27%"><br>
            <a href="moda.htm"><img src="img/n3.jpg" width="172" height="129"></a><br>
            <a href="moda.htm" class="стиль28">как выбрать</a></td>
          <td width="39%"><br>
            <img src="img/n4.jpg" width="172" height="129"><br>
            <span class="стиль28">носки сонник</span></td>
        </tr>
      </table>
    </td>
  </tr>
  <tr> 
    <td class="td_center" colspan="2" valign="bottom"> 
      <p><img src="img/phone.jpg" width="263" height="108" align="right"><span class="стиль28">Вы можете 
        заказать 3, 5, 10, 30 пар … любое количество! И мы будем доставлять Вам носки
        с той  периодичностью, с которой Вы пожелаете.</span></p>
    <p align="right"><span class="стиль28"><a href="about.htm">подробнее...</a>&nbsp;&nbsp;&nbsp;</span>&nbsp;&nbsp;</p>    </td>
  </tr>
  <tr> 
    <td colspan="2" bgcolor="#000000" height="36" ><font class="navy">&nbsp;&nbsp;2009 
      (с) Copyright Noski 24. </font><!-- begin of Top100 logo -->
<a href="http://top100.rambler.ru/home?id=1811559" target="_blank"><img src="http://top100-images.rambler.ru/top100/banner-88x31-rambler-black2.gif" alt="Rambler's Top100" width="88" height="31" border="0" align="top" /></a>
<!-- end of Top100 logo -->
<!--Rating@Mail.ru counter-->
<script language="javascript" type="text/javascript"><!--
d=document;var a='';a+=';r='+escape(d.referrer);js=10;//--></script>
<script language="javascript1.1" type="text/javascript"><!--
a+=';j='+navigator.javaEnabled();js=11;//--></script>
<script language="javascript1.2" type="text/javascript"><!--
s=screen;a+=';s='+s.width+'*'+s.height;
a+=';d='+(s.colorDepth?s.colorDepth:s.pixelDepth);js=12;//--></script>
<script language="javascript1.3" type="text/javascript"><!--
js=13;//--></script><script language="javascript" type="text/javascript"><!--
d.write('<a href="http://top.mail.ru/jump?from=1671854" target="_top">'+
'<img src="http://d2.c8.b9.a1.top.mail.ru/counter?id=1671854;t=50;js='+js+
a+';rand='+Math.random()+'" alt="Рейтинг@Mail.ru" border="0" '+
'height="31" width="88"><\/a>');if(11<js)d.write('<'+'!-- ');//--></script>
<noscript><a target="_top" href="http://top.mail.ru/jump?from=1671854">
<img src="http://d2.c8.b9.a1.top.mail.ru/counter?js=na;id=1671854;t=50" alt="Рейтинг@Mail.ru" width="88" 
height="31" border="0" align="top"></a>
</noscript>
<script language="javascript" type="text/javascript"><!--
if(11<js)d.write('--'+'>');//--></script>
<!--// [email]Rating@Mail.ru[/email] counter-->
<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='http://counter.yadro.ru/hit?t38.6;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet' "+
"border='0' width='31' height='31'><\/a>")
//--></script><!--/LiveInternet-->
<!-- Refo.ru link -->
<a href="http://refo.ru" target="_blank"><img src="http://refo.ru/button.gif" border="0" width="88" height="31" alt="Refo.ru - русские сайты"></a>
<!-- Refo.ru link -->
 
</td>
  </tr>
</table>
</body>
</html>
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
 27.07.2009, 23:01
Ответы с готовыми решениями:

Delphi xe2: изменение цвета кнопки, цвета рамки вокруг кнопки
изменение цвета кнопки, цвет рамки вокруг кнопки. подскажите как это сделать

Изменение цвета fixed-блока при прокрутке сайта
Собственно есть сайт. Шапка сайта содержит прозрачное меню с белым текстом. Как сделать так чтобы при прохождении определённого...

Изменение цвета кнопки
Добрый день :) Подскажите, есть кнопка: #button7 { position: fixed; right: 460px; bottom: 160px;

5
288 / 131 / 4
Регистрация: 15.02.2009
Сообщений: 520
29.07.2009, 12:24
...весь блок кнопки, кроме надписи менял цвет...

О каких кнопках идёт речь?????? Где цвет менять?????
arne, с тебя, самая большая банка, самого дорого кофе, для последующих гаданий!




На это валидатор ругается, в файле ещё остались мелочи, но мне уже лень.

Перемести или в голову или в тело.
</head>
<!-- begin of Top100 code -->
<script id="top100Counter" type="text/javascript" src="http://counter.rambler.ru/top100.jcn?1811559">
<!-- end of Top100 code -->
<body bgcolor="#FFFFFF" text="#000000">


Не может быть здесь ИД.
<script id="top100Counter" ....


Это может быть только в теле, из-за наличия картинки.
Лишняя косая border="0"/>
<noscript><img src="http://counter.rambler.ru/top100.cnt?1811559" alt="" width="1" height="1" border="0"/></noscript>



Запятая не может быть атрибутом, её, наверно, нужно поставить после слова носки
<img src="img/3.2.jpg", alt="подписка на носки контакты" ....


Цвет задаётся #333333 или имя цвета
<td colspan="2" bordercolor="3" class="td_center">
<th bordercolor="3" scope="col">


В <a>...</a> должен быть title, а не alt
<a href="about.htm" alt="О доставке носков">подробнее...</a>


Может быть только в голове.
TYPE лучше маленькими
<style TYPE="text/css"><!-- a:hover {color: orange; mso-bidi-font-size:12pt} --></style>



Валидатор не рекомендует использовать символы с кодом от 128 до 159, в данном случае он рекомендует & # 8211;. Как я понимаю, в других странах под этим кодом может быть нечто другое. Хотя это мои догадки, предположения. Речь о символе тире ...</span> - <span ...
<span class="стиль32">N<span class="стиль29">oski</span>24</span> - <span class="стиль29">ежемесячная подписка на качественные черные мужские носки</span>



Валидатор не рекомендует использовать символы с кодом от 128 до 159, в данном случае он рекомендует & # 8230;. Речь о символе многоточие ...пар ... любое...
<span class="стиль28">Вы можете заказать 3, 5, 10, 30 пар ... любое количество! И мы будем доставлять Вам носки с той периодичностью, с которой Вы пожелаете.</span>


Перед закрывающей скобкой лишний пробел. Валидатор говорит о хорошем стиле и возможных проблемах.
<td colspan="2" bgcolor="#000000" height="36" >


Не думаю, что это правильно. Что за проблема, написать не русскими буквами!
<span class="стиль28">



Во всех <img... нужно прописывать alt="", даже если подсказка не нужна, а где нужна, то дублировать title="", что бы во всех браузерах были подсказки.

Добавлено через 2 часа 46 минут 8 секунд
Вот, ещё бяки.

document.write(""); должен быть написан одной строкой.

пары имя_параметра=значение_параметра должны разделяться символом амперсанд & и одной строкой.
<img src="http://d2.c8.b9.a1.top.mail.ru/counter?id=1671854;t=50;js='+js+
a+';rand='+Math.random()+'"


Сначала вычисти ошибки, для этого существуют отладчики и валидаторы.
0
0 / 0 / 0
Регистрация: 27.07.2009
Сообщений: 28
29.07.2009, 15:30  [ТС]
Спасибо огромное!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!
Буду вычищать!!!!!!!!!!!!!
Кнопки вот здесь -
<td colspan="2" height="45" bgcolor="#000000">
<table width="95%" border="0" cellspacing="0" cellpadding="2" align="center">
<tr valign="top">
<td>
<div align="center"><a href="about.htm" class="navy"> НОСКИ</a></div>
</td>
<td>
<div align="center"><a href="quality.htm" class="navy">СОСТАВ</a></div>
</td>
<td>
<div align="center"><a href="present.htm" class="navy">НОСКИ В ПОДАРОК</a></div>
</td>
<td>
<div align="center"><a href="moda.htm" class="navy">МОДА И УХОД</a></div>
</td>
<td>
<div align="center"><a href="zakaz.php" class="navy">ЗАКАЗ И ЦЕНЫ</a></div>
</td>
<td>
<div align="center"><a href="mail.htm" class="navy" title="Задать вопрос о доставке носков">НАПИШИТЕ НАМ</a></div>
</td>
Еще раз большое спасибо!!!!!!!!!!!!!!!!!!!!!!!!!!
0
288 / 131 / 4
Регистрация: 15.02.2009
Сообщений: 520
30.07.2009, 06:49
arne А где моё законное кофе????

....
<td colspan="2" height="45" bgcolor="red" id="fon">
<table width="95%" border="0" cellspacing="0" cellpadding="2" align="center">
<tr valign="top">
<td>
<div align="center" onmouseover="document.getElementById('fo n').bgColor='green';" onmouseout="document.getElementById('fon ').bgColor='red';"><a href="about.htm" class="navy"> НОСКИ</a></div>
...

Надеюсь понятно.



P.S.
Приходит Петька к Василий Иванычу, спрашивает
У тебя носки целые есть?
А с твоими что?
Да поломались...
Ну возьми мои, вон они, под кроватью стоят, пока целые...
1
0 / 0 / 0
Регистрация: 27.07.2009
Сообщений: 28
30.07.2009, 07:24  [ТС]
Спасибо!!!!!!!!!Спасибо!!!!!!!!!!!!Спаси бо!!!!!!!!!Спасибо!!!!!!!!!!!!

Добавлено через 8 минут 41 секунду
Почему то не меняется

Добавлено через 9 минут 7 секунд
Поменялся цвет у всей таблицы кнопок на красный, и все как раньше А сам блок кнопки, при наведении на нее мыши не меняется. Я хочу, как на многих сайтах, по меню водишь мышью, и блоки кнопок меняют цвет...
0
288 / 131 / 4
Регистрация: 15.02.2009
Сообщений: 520
30.07.2009, 08:34
Это всё, что у меня есть. И везде работает.

Windows 7
IE 8
Windows XP SP2
FF 3.05
NN 9.0
Safari 3.04
Opera 9.25, 9.63
IE 6
Avant 10.0


Ты в чём смотришь??


P.S.
Посмотри bgColor, форум, от щедрот души своей, пробели добавил.
onmouseover="document.getElementById('fo n').bgColo r='green';" onmouseout="document.getElementById('fon ').bgColor ='red';"

Ошибки проверять надо!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
 30.07.2009, 08:34
Помогаю со студенческими работами здесь

Изменение цвета кнопки
Снова добрый день.Как мне изменить цвет кнопки при нажатии кнопки &quot;Themes&quot;?Цвет окна я понял как менять, а вот с кнопками беда. ...

Изменение цвета кнопки
Создаю двумерный массив (матрицу) из кнопок и отображаю его. Потом по нажатии на любую из этих кнопок она должна поменять цвет. Как...

Изменение цвета кнопки
Как можно изменить цвет кнопки в Delphi? Свойства Color у неё нет, или я просто не смог найти? Расскажите подробнее, как это сделать.

Изменение цвета кнопки
Как поменять цвет кнопки? Делаю так - ошибка , не компилируется. Спасибо private void button1_Click(object sender, EventArgs e) ...

Изменение цвета кнопки
Как сделать, чтобы нажатие на кнопку сопровождалось изменением её цвета на момент нажатия?


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
 Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
КиберФорум - форум программистов, компьютерный форум, программирование
Поддержать - Реклама - Условия использования - Обратная связь
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru