imho.ws
IMHO.WS  

Вернуться   IMHO.WS > Веб-мастеру > Веб-программирование
Опции темы
Старый 26.03.2004, 03:24     # 1
Drualex
Guest
 
Сообщения: n/a

Lightbulb onmouseover&onmouseout ИЛИ как сделать загорающиеся ячейки!

Сталкнулся такой траблой, хочу сделать так что бы при наводке ячейка загоралось цветом, но я как бы могу все это прописывать например onmouseover="this.style.background='#FAFAFA'" onmouseout="this.style.background='#FFFFFF'", но сами понимаете, что для каждой ячейки это просто не реально, т.к. это лишнего кода немеренно будет. А теперь вопрос: "Как сделать это все в CSS стилях?"
Плиз Яву не предлагать.
 
Старый 26.03.2004, 03:42     # 2
trancerr
Junior Member
 
Аватар для trancerr
 
Регистрация: 12.09.2002
Адрес: Владивосток!
Сообщения: 119

trancerr Известность не заставит себя ждатьtrancerr Известность не заставит себя ждать
есть вариант такой:

в ячейке ссылка, когда на неё наводим, заменяется её фон...

пример
в ячейке есть такой тег :

Код:
<a class="menu" href="/">Главная</a>
в css:

Код:
.menu {		background-color: #0079C1; 
			font-family: arial, verdana, helvetica, sans;
		  font-size: 10pt;
		  height: 25px;

		  cursor:default;
		  font-weight: bold;
		  text-indent: 1px;
		  line-height: 16pt;
		  text-align: left;
		  display: block;
		  border: #FFFFFF 0px solid; 
		  text-decoration: none;
}

a {text-decoration: none;}

a.menu:link 	{ 
	color: #FFFFFF;
}
a.menu:visited 	{ 
	color: #FFFFFF;
}
a.menu:active 	{ 
	color: #FFFFFF;
}
a.menu:hover 	{ 
		  background-image: url("/images/menuon_.gif");
		  color: #000000; 
}
в css в css
__________________
- P.L.U.R. -
musik is the key
trancerr вне форума  
Старый 26.03.2004, 03:59     # 3
Tyler Durden
Banned
 
Аватар для Tyler Durden
 
Регистрация: 09.11.2003
Сообщения: 186

Tyler Durden презирают в этих краях
Мдя... Меня тоже этот вопрос очень интересует. Но вроде без java-script nenf не обойтись (а вот ещё если бы кто подкинул идею,какой именно скрипт должен быть)
trancerr
Твой вариант не очень подходит, так как фон ссылки меньше по размерам. чем ячейка.
Tyler Durden вне форума  
Старый 26.03.2004, 05:52     # 4
trancerr
Junior Member
 
Аватар для trancerr
 
Регистрация: 12.09.2002
Адрес: Владивосток!
Сообщения: 119

trancerr Известность не заставит себя ждатьtrancerr Известность не заставит себя ждать
не правда!!!

смысл как раз в том что будет заменяться весь фон!

попробуйте, не верите покажу где есть такое.

Добавлено через 5 минут:
дополнение:

вместо
Код:
		  background-image: url("/images/menuon_.gif");
		  color: #000000;
можно сделать просто
Код:
                                  background-color: #000000; 
		  color: #ffffff;
так наверно проще...
__________________
- P.L.U.R. -
musik is the key
trancerr вне форума  
Старый 26.03.2004, 09:55     # 5
Drualex
Guest
 
Сообщения: n/a

Все классно, но мне надо что бы сама ячейка мигала, а текст нет.
А так хорошая весчь.

Добавлено через 20 минут:
2trancerr Ты даже не представляешь, как выручил меня, просто спас. СПАСИБО.
 
Старый 26.03.2004, 09:57     # 6
trancerr
Junior Member
 
Аватар для trancerr
 
Регистрация: 12.09.2002
Адрес: Владивосток!
Сообщения: 119

trancerr Известность не заставит себя ждатьtrancerr Известность не заставит себя ждать
что бы текст не мигал - не меняй его цвет, а только background-color. вот

короче ты понял
__________________
- P.L.U.R. -
musik is the key
trancerr вне форума  
Старый 26.03.2004, 17:33     # 7
AleXXXSoft
Guest
 
Сообщения: n/a

PHP код:
{
 
width100%;
 
height100%;
 
background-color#FFFFFF;
}
a:hover {
 
width100%;
 
height100%;
 
background-color#FF0000;

 


Ваши права в разделе
Вы НЕ можете создавать новые темы
Вы не можете отвечать в темах.
Вы НЕ можете прикреплять вложения
Вы НЕ можете редактировать свои сообщения

BB код Вкл.
Смайлы Вкл.
[IMG] код Выкл.
HTML код Выкл.

Быстрый переход


Часовой пояс GMT +4, время: 03:32.




Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.