2

我有一列锚标签，它们有一个定义了浅蓝色的类。

我做了功能，所以当鼠标悬停在任何锚元素上时，会显示一些指向锚标签的图像链接。

现在我想在选择的锚标签上添加不同的颜色。因此，用户可以看到图像在列中的链接位置。更多供用户参考。

我在鼠标悬停功能上添加了一个具有不同颜色的类，但这不起作用。所以我想知道您是否对如何解决这个问题有任何建议。

我有一个用于构建锚标签的功能，并在其中添加原始颜色：

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);
    }

我的鼠标悬停动作功能：

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 功能上添加它。

任何建议都受到高度赞赏。

4

2 回答 2

3

用于.css设置颜色：

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

作为示例：

http://jsfiddle.net/qVNen/

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

于 2013-02-08T14:00:27.763 回答
1

如果您只是想在悬停时对 css 进行一些样式更改，为什么不使用:hover

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

:hover CSS 伪类在用户使用指针设备指定元素时匹配，但不一定激活它。

例子

于 2013-02-08T14:04:37.670 回答