javascript - 隐藏固定页脚？

嗨，我想知道有没有办法用按钮隐藏固定的页脚，所以如果用户想看到更多屏幕，可以将其关闭，反之亦然。有没有办法用 css 来做到这一点，还是需要 javascript？

干杯。

最佳答案

JavaScript

<input type="button" id="myButton" onclick="HideFooter()" />

function HideFooter()
{
    var display = document.getElementById("myFooter").style.display;
    if(display=="none")
        document.getElementById("myFooter").style.display="block";
    else
        document.getElementById("myFooter").style.display="none";
}

JQuery

$("#myButton").click(function(){

    if($("#myFooter").is(":visible"))
        $("#myFooter").hide();
    else
        $("#myFooter").show();
});

如果你想要其他一些不错的效果

$("#myFooter").fadeOut(500);
$("#myFooter").slideUp(500);
$("#myFooter").slideToggle(500); //Hide and Show

另一种方法，正如 Bram Vanroy 建议的那样:

$("#myButton").click(function(){

    $("#myFooter").toggle();
});

关于javascript - 隐藏固定页脚？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14551800/