CSS3Menu 是一個(gè)很方便的網(wǎng)頁導(dǎo)航欄制作工具。它使用CSS3來創(chuàng)建網(wǎng)頁導(dǎo)航欄,不需要任何Javascript或者圖片。并且提供了更加美觀和現(xiàn)代化的效果,可以讓您輕松創(chuàng)建一個(gè)專業(yè)的導(dǎo)航菜單。
下面是一個(gè)簡單的示例,如何在 CSS3Menu 中創(chuàng)建一個(gè)縱向?qū)Ш讲藛危?/p>
<div class="css3menu"> <ul> <li class="topmenu"> <a href="#">主菜單 1</a> <ul> <li><a href="#">子菜單 1.1</a></li> <li><a href="#">子菜單 1.2</a></li> </ul> </li> <li class="topmenu"> <a href="#">主菜單 2</a> <ul> <li><a href="#">子菜單 2.1</a></li> <li><a href="#">子菜單 2.2</a></li> </ul> </li> </ul> </div>
上面的代碼將創(chuàng)建一個(gè)包含兩個(gè)主菜單的縱向?qū)Ш讲藛巍T贑SS3Menu中,您可以輕松自定義菜單的顏色、字體和懸停效果。
CSS3Menu 也可以創(chuàng)建水平的導(dǎo)航菜單,您只需要簡單地更改CSS樣式表即可:
.css3menu ul li { display: inline-block; } .css3menu ul ul { left: 0; top: 100%; } .css3menu ul ul li { display: block; }
以上CSS代碼會(huì)將導(dǎo)航菜單改成水平排列。
總之,CSS3Menu 是一個(gè)非常實(shí)用的工具,可以幫助您輕松創(chuàng)建網(wǎng)頁導(dǎo)航菜單,并且還提供了很多現(xiàn)代化的效果可供選擇。