jQuery，onclick改变css属性与转换

在jQuery我有部分在哪里onclick它改变了一些属性。我想知道如果我能以某种方式将css过渡包含进去。我试图像我一样添加它，但是它只是给它一个属性，当它改变时它不会影响它。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'); 
});

来源

2012-04-23 Spencer May

对不起，大家我通过简单地向课堂添加css过渡来解决这个问题。 – 2012-04-24 02:05:00

您需要使用jQuery的动画函数进行转换。这将在1000毫秒的时间内动画显示您选择的文字颜色。 jQuery UI也提供了许多奖励效果。

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

编辑

也许我不明白的问题，这就是为什么我得到downvoted ...如果你要使用CSS3过渡，那么你应该声明的过渡和在CSS声明并使用.addClass（）和.removeClass（）添加/删除适当的状态和转换

来源

2012-04-23 02:26:48

jQuery默认不提供彩色动画。你需要使用jQuery UI插件，或者你可以使用jquery-color。然后你可以像任何其他财产一样动画：

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

来源

2012-04-23 02:31:28 elclanrs

jQuery，onclick改变css属性与转换

回答

相关问题