IMHO.WS

IMHO.WS (http://www.imho.ws/index.php)
-   Веб-программирование (http://www.imho.ws/forumdisplay.php?f=29)
-   -   onmouseover&onmouseout ИЛИ как сделать загорающиеся ячейки! (http://www.imho.ws/showthread.php?t=54811)

Drualex 26.03.2004 03:24
onmouseover&onmouseout ИЛИ как сделать загорающиеся ячейки!
 
Сталкнулся такой траблой, хочу сделать так что бы при наводке ячейка загоралось цветом, но я как бы могу все это прописывать например onmouseover="this.style.background='#FAFAFA'" onmouseout="this.style.background='#FFFFFF'", но сами понимаете, что для каждой ячейки это просто не реально, т.к. это лишнего кода немеренно будет. А теперь вопрос: "Как сделать это все в CSS стилях?"
Плиз Яву не предлагать.

trancerr 26.03.2004 03:42
есть вариант такой:

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

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

Код:
<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

Tyler Durden 26.03.2004 03:59
Мдя... Меня тоже этот вопрос очень интересует. Но вроде без java-script nenf не обойтись (а вот ещё если бы кто подкинул идею,какой именно скрипт должен быть)
trancerr
Твой вариант не очень подходит, так как фон ссылки меньше по размерам. чем ячейка.

trancerr 26.03.2004 05:52
не правда!!!

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

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

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

вместо
Код:
                  background-image: url("/images/menuon_.gif");
                  color: #000000;
можно сделать просто
Код:
                                  background-color: #000000;
                  color: #ffffff;
так наверно проще...

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

Добавлено через 20 минут:
2trancerr Ты даже не представляешь, как выручил меня, просто спас. СПАСИБО.

trancerr 26.03.2004 09:57
что бы текст не мигал - не меняй его цвет, а только background-color. вот

короче ты понял :)

AleXXXSoft 26.03.2004 17:33
PHP код:
a {
 width: 100%;
 height: 100%;
 background-color: #FFFFFF;
}
a:hover {
 width: 100%;
 height: 100%;
 background-color: #FF0000;
} 


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

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