CSS中有很多種方式可以實(shí)現(xiàn)菜單滑動(dòng)，其中一種比較常用的方法是用“偽類選擇器+動(dòng)畫”實(shí)現(xiàn)。

首先，我們需要在HTML中創(chuàng)建一個(gè)菜單，可以使用ul和li標(biāo)簽，如下：

<ul class="menu">
<li>首頁</li>
<li>關(guān)于我們</li>
<li>聯(lián)系我們</li>
<li>服務(wù)項(xiàng)目</li>
<li>加入我們</li>
<li>在線咨詢</li>
</ul>

然后，在CSS中為菜單添加樣式，并定義偽類選擇器hover：

.menu {
list-style: none;
display: flex;
justify-content: center;
}
.menu li {
padding: 15px;
margin: 0 10px;
background-color: #eee;
border-radius: 5px;
transition: all 0.3s ease-in-out;
}
.menu li:hover {
background-color: #ccc;
transform: translateY(-5px);
}

樣式中給li元素定義了padding、margin、背景顏色和邊框圓角，用flex布局讓菜單水平居中。然后，使用transition屬性實(shí)現(xiàn)動(dòng)畫效果，當(dāng)鼠標(biāo)懸停在li元素上時(shí)，背景顏色和垂直方向上的位置發(fā)生變化，實(shí)現(xiàn)了滑動(dòng)效果。

最后，我們需要在頁面中引入CSS文件：

<link rel="stylesheet" href="style.css">

這樣就可以在網(wǎng)頁中看到我們滑動(dòng)的菜單啦。