Можно ли так на Joomla - "быстрые" ссылки

Тема в разделе "Проектирование", создана пользователем Shpakin, 07.10.2010.

  1. Offline

    Shpakin Недавно здесь

    Регистрация:
    07.10.2010
    Сообщения:
    1
    Симпатии:
    0
    Пол:
    Мужской
    Взываю к консультации специалистов и гуру Джумлы :)

    Какой модуль/компонент/надстройка позволяет на Джумле создавать подобные раскрывающиеся списки с пунктирным подчеркиванием?

    http://www.kitdirect.ru/ru/advantage/
     
  2.  
  3. GlazAlmaz
    Offline

    GlazAlmaz Недавно здесь

    Регистрация:
    06.10.2010
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    по-моему, это сделано отдельным скриптом, а не компонентом или надстройкой...
     
  4. doctorgrif
    Offline

    doctorgrif специалист

    Регистрация:
    14.01.2008
    Сообщения:
    1 284
    Симпатии:
    66
    Пол:
    Мужской
    можно через ui.accordion.js
    можно расширение такое поискать
    можно самому написать :)
    я на skif74.ru подобное через скрипт сделал
     
  5. sergiks
    Offline

    sergiks специалист

    Регистрация:
    10.10.2010
    Сообщения:
    362
    Симпатии:
    36
    Пол:
    Мужской
    Это просто:
    1. подчеркивание делается просто CSS'ом: a.podcherk {text-decoration:none; border-bottom: 1px dashed #112233; } - что-то типа этого — отключаем стандартное подчеркивание ссылки и рисуем пунктирный нижний border.
    2. раскрытие делается JavaScript'ом: по клику на ссылку невидимый до этого элемент с display:none; становится видимым display:block; Причем тут простой вариант, без динамичной анимации. Проще всего сделать такое с помощью jQuery или MooTools. См. jQuery .show()
    Например, "договориться", что каждая такая ссылка будет иметь класс например class="bayan", а сразу за ней будет следовать элемент <div> с прописанным стилем <div style="display:none;" — т.е. изначально он скрыт. И надо напиcать скрипт, который по клику на любой элемент класса bayan будет менять видимость следующего сразу за ним div'а. Примерно так:
    Код (CODE):
    1. <script>$('.bayan').click(function(){
    2. $(this).next().toggle();
    3. });
    4. </script>

    Перед этим не забываем загрузить саму библиотеку jQuery:
    Код (CODE):
    1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
     

Поделиться этой страницей

Загрузка...