При наведении на ссылку, остальные должны темнеть (становится серыми) / JavaScript

[Dzvene]

При наведении на ссылку, она должна оставаться такой-же яркой, а остальные должны темнеть.

 

 

 

Вот код:

HTML : <div class="menu_content">            <ul>                <li class="home"><a href="#">Главная</a></li>                      </ul>  CSS: .menu_content{    margin: 30px 0 30px 0;}.menu_content ul{    padding: 10px;    vertical-align: middle; }.menu_content ul li{    margin: 3px 0 3px 0;    list-style-position: inside;}.menu_content ul li a{    text-decoration: none;    color: #404040;    padding: 5px 20px;    display: block;    margin: 0 0 0 10px;}.menu_content ul li a:hover{    color: #010101;}.home{      background: url(../images/sprite.png) 0 4px no-repeat;   /*Используется sprite*/}

Подскажите пожалуйста как это сделать.
И буду благодарен, если скажите замечания по коду.

[klierik]

При наведении на ссылку, она должна оставаться такой-же яркой, а остальные должны темнеть.

 

кто такие "остальные"?

 

И буду благодарен, если скажите замечания по коду.

 

да тут толком кода нет.

 

прочитай по ссылке у меня в подписи как правильно задавать вопросы.

[Switch74]

ul делаем без padding обработку ul:hover a {затеняем как нам нужно} ul a:hover {затенение} это если нужно было сделать данный эффект для ссылок в ul 

[Dzvene]

Я почти все сделал, не затемняются изображения которые стоят вместо стандартных маркеров

 

 

Вот код, думаю так будет понятнее:

 

http://codepen.io/Dzvene/pen/ruilt

[klierik]

Я почти все сделал, не затемняются изображения которые стоят вместо стандартных маркеров

 

текст каждой ссылки положить в span, и менять color для него.