0

当您将鼠标悬停在图像上时，我目前有以下代码可以在图像上添加叠加层：

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

我怎样才能淡入叠加层，因为它突然改变了？

谢谢。

4

2 回答 2

0

这是带有 CSS3 的 Javascript 示例

http://jsfiddle.net/sLNqm/

请转到以下链接有 jquery 示例示例

http://api.jquery.com/fadeIn/

$(document.body).click(function () {
  $("#DivName").fadeIn("slow");
});
于 2013-04-09T10:36:23.773 回答
0

为什么不使用 JQuery？您可以开箱即用。

于 2013-04-09T10:31:14.427 回答