Выезжающее боковое меню

Тема в разделе "Мегафлуд", создана пользователем zloy_admin, 11 окт 2011.

  1. zloy_admin

    zloy_admin Разработчик

    Заблокирован
    Регистр.:
    15 авг 2011
    Сообщения:
    184
    Симпатии:
    27
    [​IMG]

    Скрипт, позволяющий создать выезжающее боковое меню. Он выводит кнопку и при нажатии на которую, сбоку выезжает панель, в которой может размещаться все что угодно.

    скачать:

    http://narod.ru/disk/28017625001/jqmenu.rar.html

    интересует как создать еще одно такое меню? т.е. нужно чтоб их было 2+
     
  2. acelotuse

    acelotuse

    Регистр.:
    31 мар 2009
    Сообщения:
    312
    Симпатии:
    37
    во-первых это не модуль для ДЛЕ. Это html-код, который можно привязать с любому движку. И даже не ХАК для ДЛЕ. Эти вещи МОДом или ХАКом не называют.
    Попробуй добавить новый div с названием класса, отличным от "slide-out-div", и скопируй ява-код с новым названием.
    А вообще, этим способом ты подключаешь новый ява-скрипт. Делать это нет смысла, так как в ДЛЕ по умолчанию уже jquery подключается. А с ним можно такие чудеса творить!!!
    Попробуй вот так сделать:

    HTML:
    2. Перед закрывающимся тегом </HEAD> вставьте следующее:
    
    <script type="text/javascript" src="{THEME}/js/jquery.tabSlideOut.v1.2.js"></script>
    <script type="text/javascript">
    $(function(){
    $('.slide-out-div').tabSlideOut({
    tabHandle: '.handle', //класс элемента вкладки
    pathToTabImage: '{THEME}/images/contact_tab.gif', //путь к изображению "обязательно"
    imageHeight: '122px', //высота изображения "обязательно"
    imageWidth: '40px', //ширина изображения "обязательно" 
    tabLocation: 'left', //сторона на которой будет вкладка top, right, bottom, или left
    speed: 300, //скорость анимации
    action: 'click', //опции=: 'click' или 'hover', анимация при нажатии или наведении
    topPos: '200px', //расположение от верхнего края/ использовать если tabLocation = left или right
    leftPos: '20px', //расположение от левого края/ использовать если tabLocation = bottom или top
    fixedPosition: true //опции: true сделает данную вкладку неподвижной при скролле
    });
    $('.slide-out-div2').tabSlideOut({
    tabHandle: '.handle', 
    pathToTabImage: '{THEME}/images/contact_tab.gif', 
    imageHeight: '122px', 
    imageWidth: '40px', 
    tabLocation: 'left', 
    speed: 300, 
    action: 'click',
    topPos: '400px', 
    leftPos: '20px', 
    fixedPosition: true 
    });
    
    });
    
    </script>
    
    3. Перед закрывающимся тегом </BODY> вставьте следующий код:
    
        <div class="slide-out-div">
            <a class="handle" href="/"></a>
            <h3><span lang="ru">Выезжающее меню</span></h3>
    		<br /><span lang="ru">Здесь вставляем все что угодно<br />
    		<br />
    		К примеру: Контакты, Кнопку Твитнуть и др.</span>
        </div>
    	<div class="slide-out-div2">
            <a class="handle" href="/"></a>
            <h3><span lang="ru">Выезжающее меню</span></h3>
    		<br /><span lang="ru">Здесь вставляем все что угодно<br />
    		<br />
    		К примеру: Контакты, Кнопку Твитнуть и др.</span>
        </div>
     
  3. Digidie

    Digidie Писатель

    Регистр.:
    22 май 2012
    Сообщения:
    0
    Симпатии:
    0
    Модуль хороший а как его вставить в joomla
    <-------------- добавлено через 39 сек. -------------->
    Ало!
     
  4. mistislav

    mistislav Писатель

    Регистр.:
    5 июл 2012
    Сообщения:
    1
    Симпатии:
    0
    есть модуль для установки