在網頁設計中，設置懸浮菜單可以為用戶提供方便的導航方式。下面介紹如何使用HTML代碼設置懸浮菜單。

<ul class="nav-bar">
<li><a href="#">首頁</a></li>
<li><a href="#">產品</a></li>
<li><a href="#">服務</a></li>
<li><a href="#">關于我們</a></li>
</ul>

代碼中，使用<ul>標簽來創建無序列表，類名為“nav-bar”。

使用<li>標簽創建列表項，每個列表項中包含一個鏈接，鏈接的href屬性是指向頁面中的另一個部分或外部網址的超鏈接地址。

為實現懸浮效果，我們需要使用CSS代碼。下面是設置“nav-bar”類樣式的代碼。

.nav-bar {
list-style: none;
display: flex;
justify-content: space-evenly;
position: fixed;
top: 0;
width: 100%;
background-color: #fff;
padding: 20px 0;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

在CSS代碼中，使用“fixed”定位方式使導航欄固定在頁面頂部，使用“flex”實現自適應布局。以下是CSS代碼中各屬性的說明：

• list-style: none; //將列表標記去掉
• display: flex; //實現彈性布局
• justify-content: space-evenly; //等間距排列
• position: fixed; //設置為固定定位，固定在頁面頂部
• top: 0; //固定在頁面頂部
• width: 100%; //寬度100%
• background-color: #fff; //背景顏色為白色
• padding: 20px 0; //上下邊距為20px，左右邊距為0
• box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); //添加陰影效果

通過以上代碼的設置，懸浮菜單的效果就可以實現了。不同的網站設計需要根據具體需求進行調整，但基本的HTML和CSS代碼是相通的。