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（）添加/删除适当的状态和转换

Answer 2

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

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

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

2 个答案: