Минимизируемая боковая панель в HTML - PullRequest
Новая
       6

Минимизируемая боковая панель в HTML

2 голосов
/ 05 апреля 2011

Я ищу простой javascript для создания боковой панели с сокрытием после некоторого действия (например, после нажатия на некоторую область).Что-то вроде в этом примере , но появляется слева, а не сверху вниз, как пример работает.Будем благодарны за любую помощь :)

Ответы [ 2 ]

1 голос
/ 05 апреля 2011

У вас есть 2 варианта. Вы можете использовать JQuery или scriptaculous для этого. Есть много примеров и учебных пособий в Интернете, или вы можете просто использовать java-скрипт для этого. Первая загрузка émile Это очень простая анимационная структура javascript.

Поскольку вы не предоставили никакой разметки HTML, я предполагаю, что у вас есть что-то вроде этого. 

<div id="side-panel">panel content..</div>
<div id="content">main content..</div>

и скажем, ваш элемент боковой панели имеет стиль CSS width:200px. Хорошо, теперь поместите кнопку где-нибудь и назначьте ей событие щелчка. Такие как onclick="togglePanel()"

Вот содержимое функции togglePanel: 

function togglePanel(){
    var panel = document.getElementById('side-panel');
    if(!panel.__closed){
        emile(panel, 'width:0px');
        panel.__closed = true;
    }else{
        emile(panel, 'width:200px');
        panel.__closed = false;
    }
}

Если вы проверяете документацию платформы emile, вы можете делать много других интересных вещей.

0 голосов
/ 05 апреля 2011

так как вы не предоставили нам свой код (который вы создали), поэтому я просто даю код, чтобы помочь вам (и я не знаю, правильный ли это ответ или нет).Этот код нуждается в jQuery Ver.1.4, по крайней мере, я так думаю, но мне не ясно.В любом случае, давайте начнем.Вот ссылка на живое демо .

Надеюсь, это поможет!

...