如何在鼠標懸停時更改元素的顏色？

Question

我有一列錨標簽，這些標簽有一個定義淺藍色的類。

我做了函數，所以當鼠標懸停在任何錨元素上時，會顯示一些指向錨標簽的圖像鏈接。

現在，我想向所選的錨標簽添加另一種顏色。 因此，用戶可以看到圖像在列中的鏈接位置。 更多供用戶參考。

我在鼠標懸停功能上添加了具有不同顏色的類，但這沒有用。 因此，我想知道您是否對如何解決此問題有任何建議。

我有一個構建錨標記的功能，並在其中添加原始顏色：

for (i=0; i<numberOf; i++) {
        var param2Slider = document.createElement("a");
        param2Slider.id = 'sliderAnchor_'+i;
        sliderAnchorId = param2Slider.id;
        param2Slider.name = 'param2Slider';
        param2Slider.className = 'nav2Slider';
        document.getElementById('nav2Slider').appendChild(param2Slider);
    }

和我的功能與mouseover動作：

function navigator2Slider(flatParam, directionParam) {

$('.nav2Slider').on('mouseover', function () {
    //$(this).attr('style').color='#29378F';
    nav2SliderName =  $(this).attr('id');
    nav2Id = nav2SliderName.split("_").pop();
    nav2Index = parseInt(nav2Id);
        $('#'+flatParam+'Stream').cycle(nav2Index);
        $('#'+directionParam+'Stream').cycle(nav2Index);            
});

}

我試圖在兩個函數上添加新顏色，但是我的第一個問題是，即使將其添加到第一個錨標記中，也不會顯示該顏色。 其次，我希望顏色與所選的錨標記一起使用，因此我認為應將其添加到mouserover函數上。

任何建議都將受到高度贊賞。

Answer 1

使用.css設置顏色：

$(this).css('background-color', '#29378F');

作為示例：

http://jsfiddle.net/qVNen/

http://api.jquery.com/css/

Answer 2

如果您只是想對懸停時的CSS進行一些樣式更改，為什么不使用:hover

a:hover{
  /* insert your css changes */
}

：hover CSS偽類在用戶使用指針設備指定元素時匹配，但不一定激活它。

例