现在我在脚本中添加类时遇到问题。我有独特的 html 结构。所以我需要你的建议。我希望你能帮助我。
下面是我的html代码
<ul>
<li> <a href="#" onmouseover=changeImage( 'CT')>
<span class="CT"> CT&M</span>
<span class="CT">(blablabla)</span>
</a>
</li>
<li> <span>/</span>
</li>
<li> <a href="#" onmouseover=changeImage( 'Invest')>
<span class="Invest">Invest</span>
<span class="Invest">(blablabla)</span>
</a>
</li>
</ul>
向下看。有我的CSS
aside ul li a span:first-child, aside ul li span:first-child {
display: block;
text-align: center;
font-family: "Roboto-Medium";
font-size: 1.8em;
color: #060606;
}
aside ul li a span:last-child {
display: block;
text-align: center;
font-family: "Roboto-Medium";
font-size: 1.05em;
color: #060606;
}
aside ul li a span.active
{
color: #007582;
}
aside ul li a span.disactive
{
color: #060606;
}
这是我的 jQuery 代码:
$(function () {
$(".CT").one("mouseover", function () {
$("span.Invest").removeClass("active");
$("span.CT").addClass("active");
});
$(".Invest").one("mouseover", function () {
$("span.CT").removeClass("active");
$("span.Invest").addClass("active");
});
});
我想做有趣的视觉效果。我想在运行 onmouseover 事件时更改颜色,但我的脚本无法正常工作。你能帮帮我吗?
当你有任何问题时,你给我写信。