本篇文章將介紹如何創(chuàng)建一個簡單的懸浮導(dǎo)航。該導(dǎo)航會隨著頁面滾動，始終保持在頁面的一側(cè)。以下是該導(dǎo)航的代碼：

<DIV ID="menu">  
<A HREF="#">首頁</A>  
<A HREF="#">公司介紹</A>  
<A HREF="#">產(chǎn)品中心</A>  
<A HREF="#">新聞中心</A>  
<A HREF="#">聯(lián)系我們</A>  
</DIV>

以上代碼定義了一個DIV元素，其ID為“menu”，并包含了五個超鏈接元素。這些超鏈接元素可以在代碼中被替換成相應(yīng)的頁面鏈接。下面是CSS樣式的代碼：

#menu{  
position:fixed;  
top:50%;  
right:40px;  
margin-top:-100px;  
}  
#menu a{  
display:block;  
width:100px;  
height:50px;  
line-height:50px;  
text-align:center;  
background-color:#BDC3C7;  
color:#fff;  
text-decoration:none;  
margin:10px auto;  
border-radius:5px;  
font-size:16px;  
-moz-transition-duration:0.2s;  
-webkit-transition-duration:0.2s;  
-o-transition-duration:0.2s;  
transition-duration:0.2s;  
}  
#menu a:hover{  
background-color:#1ABC9C;  
}

以上樣式的定義，將DIV元素設(shè)置為浮動，并定位在頁面的右側(cè)。該DIV元素中的超鏈接元素被定義為塊級元素，具有寬度、高度、線條顏色、背景顏色、圓角和字體大小等屬性。