HTML5是新一代HTML標(biāo)準(zhǔn)，在標(biāo)記語(yǔ)言中廣泛應(yīng)用。它可以實(shí)現(xiàn)頁(yè)面交互功能的效果，其中包括菜單輪滑效果。下面是一段HTML5菜單輪滑代碼：

<nav>
<ul id="navigation">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a>
<ul>
<li><a href="#">Web Development</a></li>
<li><a href="#">App Development</a></li>
<li><a href="#">Graphic Design</a></li>
</ul>
</li>
<li><a href="#">Contact</a></li>
</ul>
</nav>

上述代碼定義了一個(gè)包含首頁(yè)、關(guān)于、服務(wù)和聯(lián)系的菜單，并在服務(wù)菜單項(xiàng)下面嵌套了一個(gè)子菜單。下面是一段CSS代碼，配合上述HTML代碼一起實(shí)現(xiàn)菜單輪滑效果：

#navigation ul ul {
display: none;
}
#navigation ul li:hover > ul {
display: block;
}

上述代碼通過(guò)設(shè)置子菜單元素的display屬性為“none”，默認(rèn)不顯示子菜單，當(dāng)鼠標(biāo)移動(dòng)到菜單項(xiàng)上時(shí)，通過(guò):hover偽類篩選器選擇其子元素，設(shè)置display屬性為“block”，使子菜單漸進(jìn)式地顯示出來(lái)，實(shí)現(xiàn)菜單輪滑效果。