HTML / CSS將鼠標懸停在按鈕上以顯示頁腳

Question

因此，對於我的項目，我已經設置了固定的頁眉和頁腳，但是注意到我的頁腳相當大。 我想做的是將其隱藏，並向底部添加一個按鈕，當您將鼠標懸停在上方時，它將顯示整個頁腳。

這是我當前的網站： http : //webcomp41.volume11.com/final/index.html

我將如何添加此功能？ 任何幫助是極大的贊賞！

Answer 1

CSS解決方案：（完全顯示/隱藏）

要使其正常工作，您只需要制作按鈕和頁腳同級即可

#footer
{
  display: none;
}
#button:hover ~ #footer
{
  display: block;
}

您可以使用相同的技術來指定不同的大小，而不是顯示/隱藏。

正如Ali Sheikhpour所說：注意：將“ button”一詞替換為button的ID，將“ footer”替換為footer的ID。

這里的例子

Answer 2

jQuery的解決方案：

$("#button").hover(function(){$("#footer").show()})

注意：將“ button”一詞替換為button ID，將“ footer”替換為footer ID。