Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: возврат цвета ячейки
 
 автор: victoor   (27.12.2006 в 22:42)   письмо автору
 
 

Здравствуйте.
У меня есть таблица. На css я задаю цвета ячейки. Вот задумал сделать, чтобы при наведении на ячейку она меняла цвет.
Проблему составляет возврат цвета при уводе мыши.. как сделать, чтобы возвращался тот цвет, который стоит в css? Тупое прописывание в коде странички этого-же цвета не катит (только если это будет динамически как-то писаться), т.к. хочется, чтобы можно было сделать сменный дизайн простой заменой подключаемого css файла.
Спасибо.

   
 
 автор: Lelik   (27.12.2006 в 23:01)   письмо автору
 
   для: victoor   (27.12.2006 в 22:42)
 

два способа:
1

<style>
a {color:#000;}
a:hover{color:#f00;}
.some_class {display:block;}
</style>
<td>
<a href="#" class="some_class">text of anchor</a>
</td>


2

...
<td onmouseover="this.style.backgroundColor='need_color'" onmouseout="this.style.backgroundColor=''">&nbsp;</td>
...

   
 
 автор: victoor   (27.12.2006 в 23:25)   письмо автору
 
   для: Lelik   (27.12.2006 в 23:01)
 

Спасибо!
Первый вариант не подошел (не до конца ячейки цветовая заливка идет), а второй - то, что надо!
Спасибо.

   
 
 автор: victoor   (28.12.2006 в 00:24)   письмо автору
 
   для: victoor   (27.12.2006 в 23:25)
 

А можно как-нибудь JS сменить значение поля class?

   
 
 автор: Lelik   (28.12.2006 в 00:31)   письмо автору
 
   для: victoor   (28.12.2006 в 00:24)
 

можно, но не нужно

   
 
 автор: Lelik   (28.12.2006 в 00:32)   письмо автору
 
   для: victoor   (27.12.2006 в 23:25)
 

для работы первого варианта попробуй стили такие

<style>
a {color:#000;}
a:hover{color:#f00;}
.some_class {display:block; margin:0;}
</style>
<td style="padding:0;">
<a href="#" class="some_class">text of anchor</a>
</td>

   
 
 автор: victoor   (28.12.2006 в 00:50)   письмо автору
 
   для: Lelik   (28.12.2006 в 00:32)
 

Спасибо! так все работает!
Этот вариант даже лучше!

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования