Делаем активными ссылки в меню - Кнопки - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Кнопки


Выделение активных ссылок в меню с помощью jQuery

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

Код
<style>
ul.dsLinkActive {
padding: 0;
margin: 0;
list-style: none;
}
ul.dsLinkActive li {
float: left;
}
ul.dsLinkActive li a {
display: block;
padding: 5px;
margin-right: 1px;
color: #FFF;
background-color: #000;
text-decoration:none;
}
ul.dsLinkActive a:hover {
color: #000;
background-color: #FFF;
}
</style>
</head>
<body style="background-color:Silver;">
<ul class="dsLinkActive">
<li><a href="#">Пункт меню 1</a></li>
<li><a href="#">Пункт меню 2</a></li>
<li><a href="#">Пункт меню 3</a></li>
</ul>

Важно!

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

- 528
- 19-Декабря-2016
- 0
Материал разместил:

Похожий материал
Статьи сайта