Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery,onclick使用转换更改css属性_Jquery_Css - Fatal编程技术网

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', '

在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');
});

您需要使用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转换来解决这个问题的。