用jquery更改menue的背景顏色

我想用Zenphoto建立一個照片庫。他們使用PHP和一個可以添加自定義menue是這樣的：用jquery更改menue的背景顏色

<div id="navmenu"> 
    <?php printCustomMenu('main_menue'); ?> 
    </div>

我改變在sylesheet整個事情的出現，它看起來像這樣：

#navmenu { 
     width: 1000px; 
     height: 42px; 
     margin: 0px auto 30px auto; 
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
     text-align: left; 
     font-size: 21px; 
     background-color: #000000 
     } 

#navmenu li { 
     display: inline; 
     } 

#navmenu a { 
     color: #eee; 
     display: inline; 
     line-height: 2em; 
     padding: 0.375em 0.5em; 
     text-decoration: none; 
      } 

#navmenu a:hover { 
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
     font-size: 21px; 
     color: #000000; 
     background-color: #ffff33; 
     padding: 0.375em 0.5em; 
      }

現在我想改變各個菜單項的背景顏色，以便每個菜單項都有其自己的顏色。隨機與否我不在乎。我創建了一個正確連線的js文件。

我嘗試了幾個我找到的代碼，但沒有任何工作。現在我試圖做到這一點，看看我是否可以改變顏色：

$(document).ready(function() { 

$("navmenu").hover(function(){ 
    $(this).css('background-color', '#eeeeee') 
}); 
});

不起作用。我對所有這些編程都很陌生，我非常感謝任何幫助。如果你可以回答假人，這將是非常好的，所以我可以理解。

來源

2012-12-20 Anette

「在此處輸入代碼」？您可能要在下次發帖之前進行審覈。現在你可以編輯它使其更清潔（工具欄中有一個幫助）。 –

我很抱歉。我甚至搞不清這個問題。 – Anette

別擔心，有人爲你修好;）你應該調用'$（「＃navmenu」）'，而不是'$（「navmenu」）'，navmenu是一個ID！ –

用途：

$("#navmenu").hover(function(){

你錯過了ID #選擇。

來源

2012-12-20 18:33:19

您需要正確地使用＃作爲ID或a。一類：

$(document).ready(function() { 

$("#navmenu").hover(function(){ 
    $(this).css('background-color', '#eeeeee') 
}); 
});

一個初學者提示：如果你沒有得到你所期望的結果，你可以驗證功能是由在控制檯日誌消息隨地扔這樣叫：

$(document).ready(function() { 
    console.log("document ready!"); 
    $("#navmenu").hover(function(){ 
     console.log("hover activated"); 
     $(this).css('background-color', '#eeeeee') 
    }); 
});

來源

2012-12-20 18:41:13 Tapefreak

你可以給這樣的一個嘗試，因爲它會選擇一個random color上hover和切換回#EEE背景上hover out事件：

jQuery的：

$(function() { 
    $("#navmenu a").hover(function() { 
     var newColor = Math.floor(Math.random() * 16777215).toString(16); 
     $(this).css('background-color', '#' + newColor); 
    }, function() { 
     $(this).css('background-color', '#EEE')   
    }); 
});

工作實例：http://jsfiddle.net/Qc4R7/

來源

2012-12-20 18:41:52 PhearOfRayne

用jquery更改menue的背景顏色

回答

相關問題