javascript - Javascript で画像のフェードをアニメーション化する

Question

現在、画像にカーソルを合わせたときに画像にオーバーレイを追加する次のコードがあります。

<script>
    function toggleOverlay(name, newState){
        var element = 'imgOverlay' + name;
        var newDisplay

        if (newState == 0) {newDisplay = 'none'}
        if (newState == 1) {newDisplay = 'block'}          

        document.getElementById(element).style.display = newDisplay;
        //document.getElementById(element).style.z-index = '5';
    }

    function clearOverlays(){
        toggleOverlay('SteBes',0);
        toggleOverlay('VicGun',0);
        toggleOverlay('SteFry',0);
        toggleOverlay('DomSag',0);
        toggleOverlay('DenCro',0);
        //toggleOverlay('UnkOne',0);
        //toggleOverlay('UnkTwo',0);
        toggleOverlay('SteWoz',0);
    }
</script>

オーバーレイが突然変化するので、オーバーレイをフェードインするにはどうすればよいですか?

ありがとう。

Answer 1

なぜJQueryを使わないのですか? あなたは箱から出してそれを行うことができます。