Пожалуйсто, помогите мне. Мне нужно сделать три кнопки. При нажатии на первой открывался первый контент. При нажатии на второй и третьей - тоже. Но мне не выходит сделать чтобы при их нажатии их фон - вопрос №1933197

менялся с булого на зелёный и оставался таким, пока пользователь не прокрутит к следующему контенту и тогда кнопка снова ставала белой, а следующая (до контента какой прокрутил пользователь), ставала зелёной. Вот мой код.
<div id='left'>
<a href="#1kimn" onclick='abcf();' id='kimn'>1-комн. кв.</a>
<br />
<a href="#2kimn" onclick='abc()' id='kimn' class='kimnn'>2-комн. кв.</a>
<br />
<a href="#3kimn" onclick='ab()' id='kimn' class='kimnn'>3-комн. кв.</a>
</div>
CSS
#kimn {
color: #000;
background-color: #fff;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
border: 2px solid #000;
width: 250px;
font-size: 50px;
text-align: center;
height: 50px;
opacity: 0.75;
text-decoration: none;
border-radius: 7.5px;
position: fixed;
left: 25px;
}
#kimn:hover {
background-color: #0c0;
}
#left {
font:60px solid #2A2A2A;
height: 85%;
width: 25%;
background-color: #8d8;
border-bottom-right-radius: 7.5px;
border-top-right-radius: 5px;
position: fixed;
border: 1px solid #000000;
}
кстати, исправьте форму заполнения вопроса, я гдее-то 5-й раз вставлял туда код он вставлялся неправильно
JavaScript
function abcf() {
document.getElementById('1kimn').style.display='block';
document.getElementById('1kimn').style.backgroundcolor='#0a0';
document.getElementById('2kimn').style.backgroundcolor='#fff';
document.getElementById('3kimn').style.backgroundcolor='#fff';
}
function abc() {
document.getElementById('1kimn').style.backgroundcolor='#fff';
document.getElementById('2kimn').style.backgroundcolor='#0a0';
document.getElementById('3kimn').style.backgroundcolor='#fff';
document.getElementById('2kimn').style.display='block';
}
function ab() {
document.getElementById('3kimn').style.display='block';
document.getElementById('1kimn').style.backgroundcolor='#fff';
document.getElementById('2kimn').style.backgroundcolor='#fff';
document.getElementById('3kimn').style.backgroundcolor='#0a0';
}
Ответов пока нет

✯ Анна ✯

Сейчас на сайте
Читать ответы

Alexander

Читать ответы
Посмотреть всех экспертов из раздела Технологии > JavaScript,Ajax,HTML
Пользуйтесь нашим приложением Доступно на Google Play Загрузите в App Store