本文實(shí)例講述了基于CSS實(shí)現(xiàn)的4級(jí)下拉菜單效果代碼。。具體如下：

這是一款基于CSS實(shí)現(xiàn)的多級(jí)菜單，一共可下拉出4級(jí)，在編寫此類的CSS菜單時(shí)要注意，一級(jí)的li，a的hover時(shí)，設(shè)置二級(jí)菜單可見，一級(jí)的li，a的hover時(shí)，設(shè)置二級(jí),三級(jí)菜單隱藏，一級(jí)和二級(jí)的li，a的hover時(shí)，設(shè)置三級(jí)和四級(jí)級(jí)菜單隱藏，一級(jí)二級(jí)菜單hover時(shí)，設(shè)定3級(jí)菜單可見，一級(jí)二級(jí)三級(jí)hover時(shí)，設(shè)置四級(jí)菜單可見，代碼里已加注了豐富的注釋，菜單風(fēng)格如果不適合你口味的話，可自己美化一下。

運(yùn)行效果截圖如下：

在線演示地址如下：

http://demo.Vevb.com/js/2015/css-4l-fade-out-menu-style-codes/

具體代碼如下：