頁面顯示準備好

首先感謝我的英語不好。不要猶豫，告訴我，如果這個問題我會盡力來形容是不明確......頁面顯示準備好

我有這樣的菜單：

<ul class="menu"> 
    <li> 
    <a href="#">Label 1</a> 
    <ul class="sub-menu"> 
     <li> 
     <a href="#">Label 1</a> 
     </li> 
    </ul> 
    </li> 
</ul>

當我點擊ul.menu裏，孩子內容以手風琴系統顯示。我的腳本運行良好。

在CSS中，.sub菜單顯示在「塊」處（在瀏覽器中未激活javascript的情況下）。在我的script.js文件中，當文檔準備好後，我啓動一個管理菜單的函數。在這個函數中，我首先隱藏ul.sub菜單，然後找到菜單的機制。

我的問題是，當頁面加載時，我可以首先看到顯示爲塊的ul.sub菜單，並且很快，「script.js」文件完成它的工作並隱藏這些元素。每次加載後顯示菜單時，都會給用戶帶來不愉快的效果，因爲看起來菜單正在閃爍（一切都打開了，然後每個子菜單都消失了）。

我該如何解決這個問題？在此先感謝您的幫助...

NB - 一切都在關於功能，它只是一個視覺問題。

來源

2011-09-30 user973002

做的最好的事情是開始

ul.sub-menu{ 
    display:none; 
}

在你的CSS

。

然後顯示一旦訪問者激活鏈接/懸停，ec。

來源

2011-09-30 12:12:29

感謝您的回覆。我同意你和我的想法。但問題是我想讓瀏覽器沒有激活javascript的人看到菜單。 – user973002

頁面顯示準備好

回答

相關問題