Изменение фона текущего пункта меню

@drischa · Регистрация: 14.02.2013

Студворк — интернет-сервис помощи студентам

Доброго времени суток.

Начал писать сайт, изучил пока что только основы Html, самый простой сайт делаю без проблем.
Все бы хорошо, но в интернете да и в некоторых учебниках много мне не нужного, хотел у вас спросить

Есть сайты у которых при нажатии на кнопку, меняется картинка(т.е. фон или картинка у этой кнопки была белой, а при нажатии стала красной) и при этом открывается нужная мне страница в другом окне страницы. Как делать ссылку на открытие в другом окне знаю.
Что мне нужно изучить(какой раздел) что бы знать как делать изменение картинки при нажатии? какой-нибудь учебник с ссылкой на страницу или тему или описание какое-нибудь.

@Academik · 22.10.2013, 21:32

Это делается при помощи псевдоклассов.
http://htmlbook.ru/css/active

@Salems3 · 22.10.2013, 23:07

У меня так получается, что в меню списками active работает как onClick с бэкграундом, это нормально?

@gund · 22.10.2013, 23:11

Такого эффекта можно добиться с помощью CSS (35cm уже указал), а можно с помощью JS (см. событие onClick() )

@Academik · 22.10.2013, 23:12

Ну актив предназначен для момента нажатия.

@drischa2 · 26.10.2013, 14:23

вы меня, видимо, не поняли.
давайте еще раз объясню, итак, есть сайт, разделенный пополам по горизонтали, представили? разделен фреймами, в верхней части фон белый и в центре ссылка, в нижней части ничего, при нажатии на ссылку, фон верхней части(верхнего фрейма) меняется на картинку а в нижней части открывается эта ссылка, т.е. текст. Итак, т.е. после всех этих манипуляций мы должны увидеть следующее: в верхней части ссылка и картинка под ней на всю ширину, а в нижней части текст.
вот как мне сделать так, ЧТО БЫ ПРИ НАЖАТИИ НА ТУ ССЫЛКУ, ФОН МЕНЯЛСЯ НА КАРТИНКУ(ИЛИ КАРТИНКА ПОД ССЫЛКОЙ МЕНЯЛАСЬ НА КАРТИНКУ) И ЭТОТ ФОН ОСТАЛСЯ??? кроме явы кодов есть css коды для этих событий?

т.е. у меня есть меню с кнопками, нажимаем на одну, фон под ней поменялся и остался и внизу(в другой части страницы) открылся текст, нажимаем на другую кнопку меню, фон под ней меняется и остается, та кнопка на которой мы были меняет цвет на тот который был а внизу(в нижней части сайта) открывается тектс.

это мне для того, что бы человек понимал где он находится, т.е. сейчас он находится и читает текст в этом разделе(в этой кнопке).

не знаю как еще объяснить.

:aktive это опция меняющая именно на ту долю секунды, когда пользователь нажимает на кнопку.

@Academik · 26.10.2013, 15:48

Я думаю при помощи одного лишь css этого не сделать. Тут уже я ничем вам не помогу.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

@drischa 0 / 0 / 0 Регистрация: 14.02.2013 Сообщений: 8

	Изменение фона текущего пункта меню 22.10.2013, 15:33. Показов 3970. Ответов 6 Метки нет (Все метки) Доброго времени суток. Начал писать сайт, изучил пока что только основы Html, самый простой сайт делаю без проблем. Все бы хорошо, но в интернете да и в некоторых учебниках много мне не нужного, хотел у вас спросить Есть сайты у которых при нажатии на кнопку, меняется картинка(т.е. фон или картинка у этой кнопки была белой, а при нажатии стала красной) и при этом открывается нужная мне страница в другом окне страницы. Как делать ссылку на открытие в другом окне знаю. Что мне нужно изучить(какой раздел) что бы знать как делать изменение картинки при нажатии? какой-нибудь учебник с ссылкой на страницу или тему или описание какое-нибудь. 0

@Academik 1030 / 682 / 297 Регистрация: 04.04.2013 Сообщений: 2,751
	22.10.2013, 21:32
	Это делается при помощи псевдоклассов. http://htmlbook.ru/css/active 0

@Salems3 4 / 4 / 2 Регистрация: 13.10.2013 Сообщений: 47
	22.10.2013, 23:07
	У меня так получается, что в меню списками active работает как onClick с бэкграундом, это нормально? 0

@gund 18 / 18 / 4 Регистрация: 05.05.2013 Сообщений: 88
	22.10.2013, 23:11
	Такого эффекта можно добиться с помощью CSS (35cm уже указал), а можно с помощью JS (см. событие onClick() ) 0

@Academik 1030 / 682 / 297 Регистрация: 04.04.2013 Сообщений: 2,751
	22.10.2013, 23:12
	Ну актив предназначен для момента нажатия. 0

@drischa2 0 / 0 / 0 Регистрация: 12.03.2013 Сообщений: 12
	26.10.2013, 14:23
	вы меня, видимо, не поняли. давайте еще раз объясню, итак, есть сайт, разделенный пополам по горизонтали, представили? разделен фреймами, в верхней части фон белый и в центре ссылка, в нижней части ничего, при нажатии на ссылку, фон верхней части(верхнего фрейма) меняется на картинку а в нижней части открывается эта ссылка, т.е. текст. Итак, т.е. после всех этих манипуляций мы должны увидеть следующее: в верхней части ссылка и картинка под ней на всю ширину, а в нижней части текст. вот как мне сделать так, ЧТО БЫ ПРИ НАЖАТИИ НА ТУ ССЫЛКУ, ФОН МЕНЯЛСЯ НА КАРТИНКУ(ИЛИ КАРТИНКА ПОД ССЫЛКОЙ МЕНЯЛАСЬ НА КАРТИНКУ) И ЭТОТ ФОН ОСТАЛСЯ??? кроме явы кодов есть css коды для этих событий? т.е. у меня есть меню с кнопками, нажимаем на одну, фон под ней поменялся и остался и внизу(в другой части страницы) открылся текст, нажимаем на другую кнопку меню, фон под ней меняется и остается, та кнопка на которой мы были меняет цвет на тот который был а внизу(в нижней части сайта) открывается тектс. это мне для того, что бы человек понимал где он находится, т.е. сейчас он находится и читает текст в этом разделе(в этой кнопке). не знаю как еще объяснить. :aktive это опция меняющая именно на ту долю секунды, когда пользователь нажимает на кнопку. 0

@Academik 1030 / 682 / 297 Регистрация: 04.04.2013 Сообщений: 2,751
	26.10.2013, 15:48
	Я думаю при помощи одного лишь css этого не сделать. Тут уже я ничем вам не помогу. 0