jQuery，onclick 通过转换更改 css 属性

Question

在 jQuery 中，我有一个部分，其中 onclick 会更改一些属性。我想知道我是否可以以某种方式将 css 转换包含到其中。我试着像以前一样添加它，但这只是给了它一个属性，当它发生变化时它不会影响它。

$("#slide1-1").click(function() {
$('.aboutchange').css('color', '#433792');
});

$("#slide1-2").click(function() {
$('.aboutchange').css('color', 'orange');
});

$("#slide1-3").click(function() {
$('.aboutchange').css('color', 'green');
});

$("#slide1-4").click(function() {
$('.aboutchange').css('color', 'red');
});

Answer 1

您需要使用 jQuery 的 animate 函数进行转换。这将在 1000 毫秒的时间内根据您选择的文本颜色进行动画处理。 jQuery UI 也提供了很多奖励效果。

$("#slide1-1").click(function() {
    $('.aboutchange').animate({ color:'#433792' }, 1000);
});

编辑

也许我不明白这个问题，这就是我被否决的原因...如果您尝试使用 css3 转换，那么您应该在 css 中声明转换和状态并使用 .addClass() 和 .removeClass()添加/删除适当的状态和转换