首先我們先來(lái)確定一下要做到什么樣才能到達(dá)自己想要的效果，而在修改之前我們先來(lái)看一下目標(biāo)吧！這樣方便接下來(lái)的修改：想要看到效果首先就是現(xiàn)在后臺(tái)添加好一級(jí)欄目和二級(jí)欄目，這樣做出更改以后才能看到效果。打開(kāi)后臺(tái)---登錄---選擇左上方界面----導(dǎo)航設(shè)置---添加主導(dǎo)航---添加二級(jí)導(dǎo)航最終的效果就是添加一個(gè)主導(dǎo)航然后再在主導(dǎo)航里添加兩三個(gè)二級(jí)導(dǎo)航，這樣在你接下來(lái)的修改才能看到明顯的效果。這一步就是設(shè)置二級(jí)導(dǎo)航的樣式，也就是圖片的箭頭所指的位置，這里可設(shè)置成1、菜單樣式，2、橫排樣式，兩種效果，這兩種效果具體什么樣的我就不說(shuō)了，在這主要是圖片中框中的，這里最好有鏈接，加上鏈接后樣式文件中的a才能起到相應(yīng)的效果：做完第四步后更新一下緩存，到前臺(tái)刷新一下就能看到效果了。但是你很可能選擇橫排發(fā)現(xiàn)沒(méi)效果，但是不用擔(dān)心，這個(gè)問(wèn)題你可以去源碼中實(shí)現(xiàn)，找到common.css文件（圖片中已經(jīng)顯示中去那些文件夾里找）然后用DW打開(kāi)文件（如果你不知道這個(gè)軟件就用記事本打開(kāi)也行），用查找工具找到 .p_pop li 然后在后面的括號(hào)內(nèi)加上： float:left; border-right:1px solid #666; padding-left:5px; padding-right:5px; 做到這一步基本上就完成了，如果你還想要加一下自己想要的效果的話可以在圖片中的代碼中更改，絕對(duì)能達(dá)到你想要的效果的（前臺(tái)你懂那些代碼）。

這個(gè)都不用js的，有hover就好了,先把右邊的div放在那里，給設(shè)置display:none,在左邊div：hover給設(shè)置display:block;在順便改個(gè)圖片就好了

你這個(gè)就是一個(gè)矛盾了，我建議要么就縱向的。要么就不要考慮居中了 你要是說(shuō)居中的話 假如聯(lián)系我們下面的二級(jí)較多的話，你居中肯定會(huì)撐開(kāi)的。聯(lián)系我們那里右浮動(dòng)吧！

你的意思是什么？鼠標(biāo)劃到導(dǎo)航上，然后下面出來(lái)一列子導(dǎo)航的效果嗎？

一級(jí)菜單_01