按钮打开浮动图层[帮助]

时间:2014-03-20 13:30:10

标签: html css button

需要帮助让这个有一个按钮来打开"浮动colum层"将显示在图像上,再次单击按钮时隐藏 图像设置为高度50%宽度100%因此浮点数应相同且位于顶部

代码 - > http://pastebin.com/raw.php?i=jxVayJMX 查看转到cssdesk或scratchpad

(请仅使用html / css) 网页设计我不能使用任何东西,但html和CSS

1 个答案:

答案 0 :(得分: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>

然后在ondocumentload或标签中编写一个类似这样的Jquery ..之前你必须给出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投票给我了