我有一列锚标记,它们有一个定义浅蓝色的类。
我创建了函数,因此当鼠标悬停在任何锚元素上时,会显示一些指向锚标记的图像链接。
现在我想添加一个不同颜色的锚标签。因此,用户可以看到图像链接到列中的哪个位置。更多用于参考用户。
我在鼠标悬停功能上添加了一个具有不同颜色的类,但这不起作用。所以我想知道你是否有任何建议如何解决这个问题。
我有一个构建锚标签的功能,并在其中添加原始颜色:
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);
});
}
我尝试在两个函数上添加新颜色,但我的第一个问题是,即使添加到第一个锚标记,颜色也不会显示。其次,我希望颜色与选定的锚标签一致,所以我认为它应该添加到鼠标功能上。
非常感谢任何建议。
答案 0 :(得分:3)
使用.css
设置颜色:
$(this).css('background-color', '#29378F');
作为样本:
答案 1 :(得分:1)