Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: сменить несколько классов при наведении

PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

сменить несколько классов при наведении

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Описание: сменить несколько классов при наведении

Поиск в теме | Версия для печати

3d_killer	Отправлено: 21 Февраля, 2014 - 11:26:58
Участник Покинул форум Сообщений всего: 1916 Дата рег-ции: Апр. 2011 Откуда: Ростов-на-Дону Помог: 21 раз(а)	Добрый день есть структура это кнопка: CODE (html): скопировать код в буфер обмена <a href="#" class="button_sale_product"> <span class="btn"> <span class="btn_m">Купить</span> <span class="btn_r"></span> </span> </a> мне необходимо чтобы при наведении на тег а поменялось сразу 3 внутренних класса у SPAN так как они вместе образуют картинку, ее необходимо сделать с тенью при наведении, как сделать это с помощью JQUERY я знаю, но интересует именно ксс в данный момент ксс у кнопки такой: CODE (htmlphp): скопировать код в буфер обмена .btn{padding: 4px 0 8px 4px; background-image:url(/image/btn_l.png); background-repeat:no-repeat;} .btn_m{ height: 26px;line-height: 26px; padding: 4px 4px 8px; background-image:url(/image/btn_m.png); background-repeat:repeat-x;} .btn_r{ height: 26px;line-height: 26px;padding: 4px 8px 8px 5px;width: 12px;background-image:url(/image/btn_r.png); background-repeat:no-repeat;} вот надо сменить все картинки background при наведении на class="button_sale_product" (Отредактировано автором: 21 Февраля, 2014 - 11:27:32)

VenZell	Отправлено: 21 Февраля, 2014 - 11:42:30
Частый гость Покинул форум Сообщений всего: 237 Дата рег-ции: Июнь 2013 Помог: 12 раз(а)	Посмотреть пример CODE (htmlphp): скопировать код в буфер обмена .button_sale_product:hover .btn { background-image:url(new_image_1.png); } .button_sale_product:hover .btn_m { background-image:url(new_image_2.png); } .button_sale_product:hover .btn_r { background-image:url(new_image_3.png); } (Отредактировано автором: 21 Февраля, 2014 - 11:43:07)

3d_killer	Отправлено: 21 Февраля, 2014 - 11:44:30
Участник Покинул форум Сообщений всего: 1916 Дата рег-ции: Апр. 2011 Откуда: Ростов-на-Дону Помог: 21 раз(а)	спасибо оно

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.