Гость
Войти | Профиль | Очистить
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Обьект Element / 3 сообщений из 3, страница 1 из 1
19.02.2007, 15:53
    #34341428
nigger™
nigger™
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обьект Element
Народ столкнулся с такой проблемкой, надо менять бекграунд у <input type="submit"/> при наведении и обратно можно ли это сделать при помощи css ? Я делал через JavaScript приблизитеольно так :
два события onmouseover="overIm(this.id)" где функция выглядит так :
Код: plaintext
1.
2.
3.
4.
5.
function overIm(id) {
    obj = document.getElementById(id);
    obj.removeAttribute("style");
    obj.setAttribute("style",background:url(img/some_img_on.gif))
}
и onmouseover="outIm(this.id)" где функция выглядит так :
Код: plaintext
1.
2.
3.
4.
5.
function outIm(id) {
    obj = document.getElementById(id);
    obj.removeAttribute("style");
    obj.setAttribute("style",background:url(img/some_img_off.gif))
}
хотелось бы сделать одну функцию для двух событий в которой был бы один if и от него плясалось бы, а так же не удалять аттрибут "style", а просто менять его. Не подскажите как и что сделать ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.02.2007, 16:32
    #34341621
SkyLight
SkyLight
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обьект Element
Прописываешь два стиля, для обоих состояний:
Код: plaintext
1.
2.
3.
4.
5.
.t1{
    background-color: #ddd;
}
.t2{
    background-color: red;
}

Одна функция для всех:
Код: plaintext
1.
2.
function f(_){
    _.className = _.className == 't1' ? 't2' : 't1';
}

Код: plaintext
<button type="submit" class="t1" onmouseover="f(this)" onmouseout="f(this)">Test</button>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.02.2007, 17:18
    #34341856
nigger™
nigger™
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Обьект Element
Логично однако, сенкс, идея понятна)))
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Обьект Element / 3 сообщений из 3, страница 1 из 1
Целевая тема:
Создать новую тему:
Автор:
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 226ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1458754]:
 0ms
get settings:
 8ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 130ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 44ms
get tp. blocked users:
 1ms
others: 11ms
total:  226ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]