- Теория
- Теория
Переключатель страниц, шаг 4
Переключатель страниц почти готов. Но хороший верстальщик и хороший дизайнер всегда думают о мелочах.
В этом задании мы поработаем над состояниями элементов переключателя.
Первая очевидная деталь относится к номерам страниц. Надо как-то выделять текущую страницу. Для этого будем использовать класс current
, для которого зададим зелёный фон.
Менее очевидная деталь относится к состояниям кнопок-стрелочек «вперед» и «назад». Когда мы находимся на первой странице, кнопка «назад» должна быть неактивна, а когда на последней странице — неактивна кнопка «вперед».
Оформим неактивные кнопки с помощью класса disabled
, который будет делать кнопку полупрозрачной.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.