html - 背景 GIF 开始/停止?

标签 html css gif

如果我将 GIF 图像设置为 anchor 上的悬停效果,即使未显示(未设置为背景),它仍将保持动画效果,因此这会导致动画在自身中间开始,例如,但这会杀死很好的效果,它用于..

有什么建议吗?

提前致谢

最佳答案

您无法在html 中控制gif 图片的动画。 但解决这个问题的方法是在鼠标悬停时将 gif 图像替换为静态图像,或者使用 jquery 或 javascript 将其替换为其他事件。仅通过 CSS 是不可能的。 示例:

$("#imageGif").hover(
        function() {
            $(this).attr("src", "/image.gif");
        },
        function() {
            $(this).attr("src", "/image.png");
        });

关于html - 背景 GIF 开始/停止?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18445120/

相关文章:

ImageMagick 转换 gif 有透明度问题

java - 如何从 Java 中的 BufferedImage 列表创建真彩色动画 GIF?

html - 将 Material 卡包裹在 ngFor 中

javascript - HTML 最初调整图像大小并更改位置

jquery - 如何防止 Bootstrap Navbar Toggle 下推内容?

html - 以不同的分辨率在桌面上缩放网页

css - CSS显示属性上的过渡

linux - 如何将 gif 转换为 webm 并保留 alpha channel ?

javascript - 必须点击两次才能触发 onclick 按钮

javascript - 为表格中的每一行添加 onclick 事件