jQuery,onclick使用转换更改css属性
在jQuery中,我有一个小节,其中onclick更改了一些属性。我想知道我是否可以以某种方式将css转换包含到这个中。我试着添加它,就像我做的一样,但这只是给了它一个属性,当它发生变化时,它不会影响它jQuery,onclick使用转换更改css属性,jquery,css,Jquery,Css,在jQuery中,我有一个小节,其中onclick更改了一些属性。我想知道我是否可以以某种方式将css转换包含到这个中。我试着添加它,就像我做的一样,但这只是给了它一个属性,当它发生变化时,它不会影响它 $("#slide1-1").click(function() { $('.aboutchange').css('color', '#433792'); }); $("#slide1-2").click(function() { $('.aboutchange').css('color', '
$("#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');
});
您需要使用jQuery的动画功能进行转换。这将在1000毫秒的时间内为您选择的文本颜色设置动画。jQueryUI也提供了很多额外的效果
$("#slide1-1").click(function() {
$('.aboutchange').animate({ color:'#433792' }, 1000);
});
编辑
也许我不明白这个问题,这就是为什么我被否决了。。。如果您试图使用css3转换,那么您应该在css中声明转换和状态,并使用.addClass()和.removeClass()添加/删除适当的状态和转换您需要使用jQuery的动画功能进行转换。这将在1000毫秒的时间内为您选择的文本颜色设置动画。jQueryUI也提供了很多额外的效果
$("#slide1-1").click(function() {
$('.aboutchange').animate({ color:'#433792' }, 1000);
});
编辑
也许我不明白这个问题,这就是为什么我被否决了。。。如果您试图使用css3转换,那么您应该在css中声明转换和状态,并使用.addClass()和.removeClass()添加/删除适当的状态和转换。默认情况下,jQuery不提供彩色动画。您需要使用jQuery颜色插件附带的jqueryui,也可以直接使用。然后可以像任何其他属性一样设置动画:
$element.animate({ color: 'blue' });
默认情况下,jQuery不提供彩色动画。您需要使用jQuery颜色插件附带的jqueryui,也可以直接使用。然后可以像任何其他属性一样设置动画:
$element.animate({ color: 'blue' });
对不起,各位,我只是通过向类中添加css转换来解决这个问题。对不起,各位,我是通过向类中添加css转换来解决这个问题的。