使用jQuery創建動態菜單

我們想彌補現場與代表的頁面，導航，內容，標題等不同部位的I幀

但是我們的導航菜單中有一些「背景」內置到它。也就是說，如果您是「關於」部分，則「關於」的按鈕/鏈接將突出顯示，表示這是您在該網站內的位置。我想在是這樣的（或類似的東西）每個頁面meta標籤

<meta name="page" content="--page name goes here--" />

然後我希望能夠給所有的導航菜單項的ID。當導航菜單項的ID與「頁面」元標記的內容相匹配時，我希望突出顯示的圖像顯示而不是常規圖像。

您可以概述基本步驟，也許有一些代碼，以完成此操作。

2009-06-24 Ankur

而不是把ID在meta標籤你爲什麼不這樣做在準備好事件處理程序頁面：

$(document).ready(function(){ 
    $("#ID_OF_MENU_FOR_THIS_PAGE").addClass("CLASS_TO_HIGHLIGHT_CURRENT_MENU"); 
});

它的作品真的很好，我經常用這個！

2009-06-24 04:41:49 TheVillageIdiot

最簡單的方法是說，例如，你在導航菜單5個環節（全球導航）

您可以添加ID =「約」的導航項目

然後用這個jQuery代碼

<script> 
    $(document).ready(function() { 
     $('about').addClass('active'); 
    }); 
</script>'

，並定義CSS類爲主動，並得到它做任何你想做的事情（如高亮或watever）

，如果你想改變自身頁面上的圖像你可以使用以下代碼： $（document）.ready（function（）{ $（'active'）.css（'background'，'url（/images/tabs/account_hover.png）no-重複0 0'）; }）; '

2009-06-24 06:34:54 Mponnada

回答