您好,我想知道是否有一种方法可以使用按钮隐藏固定页脚,以便用户在想要查看更多屏幕时可以将其关闭,反之亦然。有没有办法用 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/