HTML激活子菜單代碼
HTML激活子菜單是網站常用的一種交互方式，可讓用戶更快速地找到所需的內容。下面是一個簡單的HTML激活子菜單代碼實例：在上面的代碼中，我們使用了p標簽來分別包裹不同的菜單和子菜單。使用a標簽來創建菜單項，使用ul標簽來創建子菜單并使用li標簽來創建子菜單項的列表。
p {
position: relative;
display: inline-block;
}
ul {
position: absolute;
top: 25px;
left: 0;
background-color: #fff;
border: 1px solid #ccc;
display: none;
}
li {
display: block;
}
a:hover + ul,
ul:hover {
display: block;
}在CSS代碼中，我們使用了position屬性、display屬性和hover偽類等來實現子菜單的激活。首先，我們給父元素p設置了position: relative，這樣就可以相對于它來定位子菜單。接著，我們給子菜單ul設置了position: absolute和display: none來隱藏它。
在激活菜單項時，我們使用了CSS的hover偽類來顯示子菜單。當鼠標懸停在a標簽上時，我們使用相鄰兄弟選擇器（+）來選中緊接著的ul元素，再把它的display屬性設置為block以顯示子菜單。同時，當鼠標懸停在子菜單上時，我們也通過hover偽類來顯示它。
通過這種方式，我們可以簡單地實現HTML激活子菜單效果。