18910140161

JavaScript-如何使背景图像在悬停子div时平滑地改变?-堆栈溢出

顺晟科技

2022-10-19 12:30:26

13

这是我设法走的最远的路。 背景-图像设置与内联css容器(不工作其他)。 如何在图像更改之间进行平滑过渡?

此代码实际上是在更改已经设置的背景图像。此事务发生得非常快且迅速


顺晟科技:

背景是可动画的CSS属性之一,因此可以在其上设置转换。

此代码片段使用问题中给出的代码,其中包含一个id为conf的元素,该元素有一个可以悬停的subdiv元素。设置的主要内容是:

    function onmouseover(){
        // alert("Hello! I am an alert box!!");
        var element = document.getElementById('conf');
        element.style.backgroundImage = "url('/imgs/jpg/stats.jpg')";
    }
    function onmouseout(){
        // alert("Hello! I am an alert box!!");
        var element = document.getElementById('conf');
        element.style.backgroundImage = "url('/imgs/jpg/welcome_back.jpg')";
    }

在conf中,以便背景平稳切换。

只能通过HTML和CSS使用属性

来实现这一点

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航