Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Изменение фона блока при нажатии ссылки / 11 сообщений из 11, страница 1 из 1
06.10.2014, 18:15
    #38768309
changecolor
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение фона блока при нажатии ссылки
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<!DOCTYPE HTML>
<html>
  
<head>
  <style type="text/css">
    #block {width:40px; height:25px; background: green;}
  </style>
</head>
  
<body>

<div id="block">Блок</div>
<a href="#" id="lnk">Ссылка</a>

</body>
</html>



Возможно сделать, чтобы при нажатии ссылки зеленый блок мигнул красным цветом на секунду и опять вернул свой цвет?
...
Рейтинг: 0 / 0
06.10.2014, 18:56
    #38768352
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение фона блока при нажатии ссылки
Да. Домашнее задание?
...
Рейтинг: 0 / 0
06.10.2014, 19:02
    #38768355
changecolor
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение фона блока при нажатии ссылки
skyANAДа. Домашнее задание?
...
Рейтинг: 0 / 0
06.10.2014, 19:06
    #38768358
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение фона блока при нажатии ссылки
changecolorskyANAДа. Домашнее задание?
Вопрос на собеседовании, что Вы запороли?
...
Рейтинг: 0 / 0
06.10.2014, 19:07
    #38768361
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение фона блока при нажатии ссылки
Или поспорили на деньги?
...
Рейтинг: 0 / 0
06.10.2014, 19:17
    #38768365
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение фона блока при нажатии ссылки
changecolor,

Код: sql
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
	#block {width:40px; height:25px; background:#008000;}
</style>
</head>
<body>
<div id="block">Блок</div>
<a href="#" id="lnk" onclick="ChangeColor('block')">Ссылка</a>

<script>
function ChangeColor(idx) {
	document.getElementById(idx).style.background = '#ff0000';
	setTimeout ('document.getElementById("' + idx + '").style.background = "#008000"', 1000);
}
</script>
</body>
</html>
...
Рейтинг: 0 / 0
06.10.2014, 19:22
    #38768371
changecolor
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение фона блока при нажатии ссылки
user89,
Спасибо, а то нагородил на схожем примере .
...
Рейтинг: 0 / 0
06.10.2014, 19:34
    #38768381
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение фона блока при нажатии ссылки
changecolor, если Вы пример от user89 собрались показывать Илье Кантору, то не советую :)
...
Рейтинг: 0 / 0
06.10.2014, 22:01
    #38768480
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение фона блока при нажатии ссылки
skyANA,

в принципе можно через transition , но в IE поддерживается только с 10-й версии...

А здесь да, Илья Кантор пишет, что Использование строк не рекомендуется, так как они могут вызвать проблемы при минимизации кода, и, вообще, сама возможность использовать строку сохраняется лишь для совместимости.
...
Рейтинг: 0 / 0
06.10.2014, 22:15
    #38768494
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение фона блока при нажатии ссылки
user89, да можно как попало, а нужно, чтобы ТС сам попробовал решить домашку и разобрал СВОЁ решение на следующем уроке.
...
Рейтинг: 0 / 0
06.10.2014, 22:17
    #38768496
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение фона блока при нажатии ссылки
А то ведь ТС раз сфилонит, другой, и в итоге не разберётся и не закрепит пройденный материал.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Изменение фона блока при нажатии ссылки / 11 сообщений из 11, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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