jquery - 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 的动画功能进行转换。这将在 1000 毫秒的时间内根据您选择的文本颜色进行动画处理。jQuery UI 也提供了很多额外的效果。

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

编辑

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

Answer 2

jQuery 默认不提供彩色动画。您需要使用 jquery-color 插件附带的 jQuery UI，或者您可以只使用jquery-color。然后你可以像任何其他属性一样设置动画：

$element.animate({ color: 'blue' });