Ссылки
Поиск
Новости, Статьи |
Форум |
Файлы |
Привет, Гость
Обновления на форуме
Гадания на таро 0 >> |
Блок новостей в виде блога 1 >> |
Игры для сайта 34 >> |
Сервис создания тестов 94 >> |
Дед 1 >> |
Последние статьи
Подсчёт чистого времени работы 0 |
Антиспам «Я не робот» 0 |
За что воюет Украина и когда всё это кончится 12 |
Портфолио — сайт о художественной ковке 0 |
Изменение цен 0 |
ReloadCMS является одной из лучших систем для создания дорвеев, так как размножается с сайта на сайт простым копированием.
Разделы → Статьи → Разработка сайтов → Подсвечивание активной ссылки меню с помощью javascript
Подсвечивание активной ссылки меню с помощью javascript 1. Постановка задачи. Условия: Есть блок меню
2. Реализация. Делай раз. Поместите в заголовок <head>
Размещаем в нужном месте элементы меню без классов
Чтобы код работал каждый раз при перезагрузке всей страницы, добавим перед тегом </body>
Равно как и форматы id="menu", теги <ul> и <li>. Пример горизонтального меню:
На примере ReloadCMS вывод меню будет выглядеть так:
В заключение отметим, что этот код будет работать и с несколькими меню, нужно только несколько раз вызывать функцию shineLinks('id') с нужным id. Естественно, id должен быть уникален для каждого <div>. Спрашивайте, если что непонятно. Комментарии (по делу) приветствуются. |
||||||||||||||
12.01.2011 09:59 | Автор/источник: Den1xxx |
Комментировать
Вы не залогинены! Регистрация
Комментарии
admin![]() |
12:18:17 13 Январь 2011 | |
В действии - вставлено в шаблон Red Blog (найдёте либо здесь в Полезных файлах, либо на оф. сайте ReloadCMS). На моём сайте: работает в блоке \"Ссылки\" слева. Верхнее меню подсвечивается на стороне сервера, т.к. оно выводит самое главное и подсвечивает даже вложенные в основное меню ссылки. Оно статично забито в скин. Менять в админке главное меню нельзя - да и не надо. Боковое же второстепенное, и подсвечивается яваскриптом. Т.к. эти ссылки не важные, их можно редактировать в админке. Я догадываюсь, ЧТО может не получаться: Главное меню нужно прописывать в Панели навигации не как module:index, а просто ./ Что символизирует путь к корню сайта. |
localghost![]() |
02:35:07 13 Январь 2011 | |
Хммм... а можно в действии поглядеть? Это что то типа такого http://tinyurl.com/6447pqo хинта? Он не корректно работает под хромом. Или я не правильно вас понял? Кстати, как у вас с успехи с планами на этот, новый год? ![]() |
Устал читать? Напиши! Или позвони +375 29 5344286. На связи по будним дням с 800 до 1700.