Выделение соседних элементов списка при наведении курсора

@kupas · Регистрация: 29.01.2013

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

Всем привет) помогите советом. Есть меню реализованное с помощью списка (ul), элементы меню разделяются вертикальными слешами ("|").
Необходимо при наведении на какой либо пункт меню (CATEGORYn) соседние разделители исчезали(сливались с фоном).
Вот как это выглядит:
http://codepen.io/kupas/pen/fvcuy
конструкцию в HTML можно менять.

заранее благодарю.

@!Omega · 31.01.2013, 20:38

надо сами слеши поставить в спан и дать спану клас:

HTML5
1
<span class="sp">|</span>

CSS
1
2
#navi_ul li a:hover .sp
{  color: //а здесь цвет которий имеєт окружающая среда... // ;}

в результате когда тег А получит курсор то в теге с класом .ст текст получит нужний цвет... где текстом виступаєт слеш....

@kupas · 01.02.2013, 00:35 **[ТС]**

немного не так) так будут все слеши гаснуть, а мне нужно чтоб ток соседние.

вот помогли с решениями, мож кому поможет:
Решение1
Решение2
правда эти варианты не освоют ранние ослы.

а вот JS скрипт, который можно заюзать:

JavaScript
1
2
3
4
5
6
7
8
$('#navi_ul li').mouseover(function(){
  $(this).prev().css('color','#e2e1dd');
  $(this).next().css('color','#e2e1dd');
});
$('# navi_ul li').mouseout(function(){
  $(this).prev().css('color','#9c9e9d');
  $(this).next().css('color','#9c9e9d')
});

@!Omega · 01.02.2013, 01:38

.prev() и .next() єто что такое?
как то он не работеєт...

@kupas · 01.02.2013, 12:52 **[ТС]**

это JQuery

Новые блоги и статьи Все статьи Все блоги /
Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита, которое может. . .	Команды "Заполнить" и "Очистить" на форме документа Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". На примере нетипового документа разработанного в конфигурации КА2. В качестве источника данных указан регистр накопления, в который записываются данные о. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .	SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip

@kupas 5 / 5 / 2 Регистрация: 29.01.2013 Сообщений: 19

	Выделение соседних элементов списка при наведении курсора 31.01.2013, 19:27. Показов 2432. Ответов 4 Метки нет (Все метки) Всем привет) помогите советом. Есть меню реализованное с помощью списка (ul), элементы меню разделяются вертикальными слешами ("\|"). Необходимо при наведении на какой либо пункт меню (CATEGORYn) соседние разделители исчезали(сливались с фоном). Вот как это выглядит: http://codepen.io/kupas/pen/fvcuy конструкцию в HTML можно менять. заранее благодарю. 0

@!Omega 14 / 14 / 3 Регистрация: 14.02.2010 Сообщений: 293
	01.02.2013, 01:38
	.prev() и .next() єто что такое? как то он не работеєт... 0

@kupas 5 / 5 / 2 Регистрация: 29.01.2013 Сообщений: 19
	01.02.2013, 12:52 [ТС]
	это JQuery 0