0

私はjquery addClassとremoveClass関数を使用しています

ここにコードがあります

<script>
$(document).ready(function() {
    abc();

    function abc() {

        res=randomXToY(1,15,0);
            $('#img' + res).addClass('activeImg');
            setTimeout(function() {removeClassImg(res) },3000);
    }
    function removeClassImg(res) {

            $('#img' + res).removeClass('activeImg');
            abc();

    }
    function randomXToY(minVal,maxVal,floatVal)
    {
        var randVal = minVal+(Math.random()*(maxVal-minVal));
        return typeof floatVal=='undefined'?Math.round(randVal):randVal.toFixed(floatVal);
    }
});
</script>

そしてcssは

.activeImg{
    opacity:1 !important;
}

これは完璧に機能しています。しかし今、これにフェードインとフェードアウト効果を追加したい..

addClass activeimg にフェードイン効果を追加し、削除クラスにフェードアウト効果を追加する方法がわかりません。

誰でもこれについて考えている

ありがとう

4

2 に答える 2

3

試す

$('#img' + res).fadeOut().removeClass('activeImg');

同様に

$('#img' + res).fadeIn().addClass('activeImg');

！importantを使用している特別な理由はありますか？これにより、JQueryがその効果を要素に実行するのをオーバーライドする可能性があるため、可能であれば削除してください。

于 2012-05-23T08:35:17.220 に答える
0

これを使って ：

 <script>
 $(document).ready(function() {
abc();

function abc() {

    res=randomXToY(1,15,0);
        $('#img' + res).fadeIn().addClass('activeImg');
        setTimeout(function() {removeClassImg(res) },3000);
}
function removeClassImg(res) {

        $('#img' + res).fadeOut().removeClass('activeImg');
        abc();

}
function randomXToY(minVal,maxVal,floatVal)
{
    var randVal = minVal+(Math.random()*(maxVal-minVal));
    return typeof floatVal=='undefined'?Math.round(randVal):randVal.toFixed(floatVal);
}
   });
  </script>

乾杯 ！

于 2012-05-23T09:01:26.633 に答える