Кнопка, чтобы открыть плавающий слой [помощь]

0

нужна помощь, чтобы получить эту кнопку, чтобы открыть "плавающий слой слоя", который появится над изображением. Скрыть при щелчке кнопки снова. Изображение установлено на высоту 50% ширины 100%, поэтому float должен быть таким же и сверху

код → http://pastebin.com/raw.php?i=jxVayJMX для просмотра перейти на cssdesk или блокнот

(используйте только html/css) веб-дизайн Я не могу использовать ничего, кроме html и css

Теги:
button

1 ответ

0
Лучший ответ

вы можете поместить div, который содержит ваше меню или что-то вроде этого.... (Изменение стилей, как вы хотите)

<div id="menu" style="position:absolute;width:100%;background-color:black;color:white;top:0;left:0;padding-left:10px;padding-top:10px;font-size:16px;z-index:5;display:none">
// Put the menu items here

</div>

Также добавьте Id для вашей навигационной кнопки, как это

<button id="btnNav" type="button" class="button">Navigation</button>

Затем напишите Jquery. Как это в ondocumentload или в тегах. До этого вам нужно указать расположение библиотеки JQuery

Код jQuery - это

var btnClick = 0;
$("#btnNav").click(function(){
    // On first button click, Open
    if(btnClick == 0)
    {
        $("#menu").show();
        btnClick = 1;        
    }else{
        //On second button click, hide.
        $("#menu").hide();
        btnClick = 0;      
    }

});

Здесь "btnNav" - это идентификатор кнопки навигации, а "menu" - это идентификатор DIV, который содержит ваше меню.

скажи мне, если ты этого не получишь.... или я неправильно понял... и Plz Проголосуйте за меня

Ещё вопросы

Сообщество Overcoder
Наверх
Меню