使用懸停需要援助

-1

我有一個網站主頁，就像我在下面寫的一樣。（只是html和css）使用懸停需要援助

  <h1> Welcome to my Page </h1> 

      <h3> jhgjhadgjsadgj </h3> 


       LogoLogoLogoLogo 
       LogoLogoLogoLogo 
       LogoLogoLogoLogo 
       LogoLogoLogoLogo 
       LogoLogoLogoLogo

我的計劃是，當你將鼠標懸停在標誌上方時，兩個標題都會消失。

然後我的第二個計劃是讓用戶可以輸入用戶名和密碼登錄的空間。

這可能嗎？如果是的話如何？

來源

2015-02-09 gavfoley7

這是一個非常廣泛的問題，需要使用JavaScript，至少要添加/刪除CSS類來顯示和隱藏登錄表單的標題元素。這裏有一點點DOM操作的可能性，可能還有AJAX。 – hungerstar 2015-02-09 16:41:25

這個問題有點寬泛，但您可以使用HTML和CSS來完成您想要的基礎知識。我會在下面給出一些縮寫代碼。

的HTML會是這樣的：

<div container> 
    <img src="logo" /> 
    <h1 class="banner"> Welcome to my Page </h1> 
    <h3 class="banner"> jhgjhadgjsadgj </h3> 
    <form class="myform" ...> 
     // login form 
    </form> 
</div>

的CSS會是這樣的：

.logo { 
    margin-top: enough to be under the banner; 
} 
.banner { 
    float: left; 
} 
.myform { 
    display: none; 
} 
.logo:hover ~ .banner { 
    display: none; 
    // you can remove the margin-top if you want the logo to move up 
} 
.logo:hover ~ .myform { 
    display: block; 
}

這將設置源順序，這樣要影響的元素是標誌後，以便您可以使用兄弟選擇器來影響它們。

來源

2015-02-09 16:50:39 bobdye

使用懸停需要援助

回答

相關問題