Дмитрий184
Мастер
Дата регистрации:
29.06.2012 08:48:56
Сообщений: 225
Здравствуйте!
Есть есть обычный контейнер div красного цвета
div {width:200px;
height:200px;
background:#f00;
}
Вопрос, как можно сделать, чтобы при щелчке по контейнеру, менялся фоновый цвет контейнера, например,по одному щелчку контейнер стал синий, потом желтый, потом зеленый, потом опять красный и так по кругу. Где-то я видел такой скрипт на jquery - помню, что код простой, но не помню как сделать. Может кто подскажет?
ilyadeniso
Новичок
Дата регистрации:
23.02.2014 17:16:59
Сообщений: 14
Можно сделать с if-ами, например:
Если текущий цвет - зеленый, то следующий красный, если текущий цвет красный - то следующий желтый, а если - желтый то по второму кругу - зеленый.
Дмитрий184
Мастер
Дата регистрации:
29.06.2012 08:48:56
Сообщений: 225
Спасибо! у меня на if меняется только с одного цвета на другой, а на третий цвет переход не срабатывает, может не так делаю?
Вот переход между двумя цветами (работает)
$('div').click(function() {
if ($(this).css({background:'#f00'}))
$(this).css({background:'#00f'})
});