本文實(shí)例講述了div+css實(shí)現(xiàn)仿豬八戒首頁(yè)導(dǎo)航菜單效果。。具體如下：

這是一款仿豬八戒2010年首頁(yè)的網(wǎng)頁(yè)導(dǎo)航菜單，藍(lán)色風(fēng)格，非常漂亮大氣、簡(jiǎn)潔專(zhuān)業(yè)，在此推薦給大家。菜單上有一個(gè)標(biāo)記，指引當(dāng)前的位置，也是本菜單的亮點(diǎn)。用CSS究竟是如何實(shí)現(xiàn)的呢？那么就請(qǐng)一起看代碼吧。

先來(lái)看看運(yùn)行效果截圖：

在線(xiàn)演示地址如下：

http://demo.Vevb.com/js/2015/div-css-fzbj-web-menu-style-codes/

具體代碼如下：