Question

我有一个包含许多项目的网站，每个项目都分配了一个类别。每个项目可以有多个类别。有些项目可能是“广告”和“展览”

我已经使用PHP构建了每个项目的链接，它们显示为：

<a class='Advertising Exhibition'>Project Name</a>

这样我可以为每个项目分配多个类。

现在，我的问题。我希望能够在导航中点击“广告”，对于任何带有广告的项目，点亮为红色以突出显示它们。这是我的代码：

//In the Head
<script>
function changeCat(cat){
    $('.'+cat).animate({color:'#ef2f24'}, 500);
}
</script>

//In the Navigation
<a href="#" class="Advertising" onclick="changeCat('Advertising')">Advertising</a>

//In the Body
<a href='project.php?name=projectname' class='Advertising Exhibition'>Project Name</a>

动画似乎不想工作。从理论上讲，点击广告应该在500毫秒的时间内突出显示所有广告项目的颜色＃ef2f24。

有人可以帮忙吗？

Answer 1

使用像这里描述的classChange动画可能更方便： jQuery.animate() with css class only, without explicit styles

Answer 2

如果您尝试更改背景颜色，请this is a good Stackoverflow thread to check out。

JQuery颜色变化动画（UI switchClass）

2 个答案: