網(wǎng)站運營指導

菜單高亮效果是每個網(wǎng)頁經(jīng)常采用的設計方式，它能有效地讓用戶知道自己當前所在的欄目。這也是我經(jīng)常采用的方式，一般的網(wǎng)頁至少都有兩級菜單，第一個是頂部的總導航條菜單，另一個是左側(cè)的分類導航菜單。一般要求在一級菜單高亮下二級菜單也能記錄當前狀態(tài)。 對于一個包含頂部菜單的頁頭區(qū)域如果固定不變的，也就是它不用每次都重新加載，這種情況下用純CSS或JS方式可以很容易地實現(xiàn)，但今天我要談的不是這種，今天說的是一級菜單和二級菜單在每個頁面中都是動態(tài)加載的，也就是它們是作為用戶控件的方式載入的。這種情況下要想記錄菜單的高亮狀態(tài)是一件比較困難的事情。 當然，你可能會說，用cookie可以記錄每個頁面加載時上次記錄的高亮狀態(tài)，是的，它確實可以記錄，但是這種方式在一些復雜的包含許多子頁面的應用中，會給用戶造成許多困擾和麻煩。比如在cookie生存周期內(nèi)，重新打開這個項目時，此時cookie的生存周期還沒有完全結束，它還記錄著上次保存的狀態(tài)，而這時頁面地址已經(jīng)發(fā)生了變化，那么當前高亮的菜單所指向的就不是用戶所希望看到的頁面。實踐證明，這個cookie的生存周期無論你設置多長都不能完美解決用戶惡意刷新頁面的狀況。