Изменение значков списка при выпадающем меню

Question

Изменение значков списка при выпадающем меню

0

Начинающий вопрос: у меня есть раскрывающийся список из 10, с черными значками, плавающими вправо. Я хотел бы заменить эти значки белыми значками во время зависания.

Спасибо заранее за любые предложения!

robinyapockets 10 нояб. 2013, в 17:50

Источник

0

покажи свой макияж.
Tushar Gupta - curioustushar 10 нояб. 2013, в 16:10

Теги:

jquery

css

hover

drop-down-menu

icons

2 ответа

0

используйте этот стиль списка css : круг, ориентированный на элемент li

Abel Raj 10 нояб. 2013, в 14:46

0

Или вы можете использовать URL изображения в CSS. список-стиль: URL (изображения / round.png)
Abel Raj 10 нояб. 2013, в 16:15

Ещё вопросы

Или вы можете использовать URL изображения в CSS. список-стиль: URL (изображения / round.png)

Adam McElroy · Accepted Answer · 2013-11-10T14-05-00.000Z

Лучший способ сделать это - создать спрайты. Например, если значок "Дом" имеет размер 32 x 32 пикселя, создайте новое изображение размером 32 x 64 пикселя и соедините значки друг с другом с черным значком сверху и белым значком внизу. Если вы сделаете это для каждого из своих значков, вы сможете сделать что-то вроде этого (пожалуйста, внесите необходимые изменения для ваших собственных потребностей):

li {
    width: 32px;
    height: 32px;
    display: block;
    background-position: top;
}
li:hover {
    background-position: bottom;
}
li.home {
    background-image: url("images/home-icon.png");
}

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