0

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

2 に答える 2

2

jQuery はデフォルトでカラー アニメーションを提供しません。jquery-color プラグインに付属の jQuery UI を使用するか、 jquery- colorを使用する必要があります。次に、他のプロパティと同じようにアニメーション化できます。

$element.animate({ color: 'blue' });
于 2012-04-23T02:31:28.330 に答える
2

トランジションには jQuery の animate 関数を使用する必要があります。これは、選択したテキストの色に 1000 ミリ秒にわたってアニメーション化されます。jQuery UI は、多くのボーナス効果も提供します。

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

編集

多分私は質問を理解していなかったので、私は反対票を投じられました... css3遷移を使用しようとしている場合は、cssで遷移と状態を宣言し、.addClass()と.removeClass()を使用して追加/適切な状態と遷移を削除します

于 2012-04-23T02:26:48.280 に答える