Question

我的div在这里

<div id="myBox" style="position: absolute; top: 100px; width: 100px; height: 100px;">

我使用了这个代码示例，它不起作用。有什么建议吗？

<script type=text/javascript>
    setTimeout(function() {
        $('#myBox').fadeOut('fast');
}, 10000); //after 10 seconds 
</script>

Answer 1

它有效:(减少到1秒）

＆＃13;

options.Authority

＆＃13;

你有没有包含JQuery？如果其他地方出现错误，请告诉我们完整的代码。

Answer 2

这是一个css方法，因为这个问题是css下的标签

#myBox {
  opacity:1;
 animation-name:fadeout;
 animation-duration:1s;
 animation-delay:10s;
 animation-fill-mode: forwards;
 }
@keyframes fadeout {
from {
 opacity:1;
}
to {
 opacity:0;
}

<div id="myBox" style="position: absolute; top: 100px; width: 100px; height: 100px;">
Hello world
</div>

Answer 3

我肯定会考虑使用animate.css

让你轻松使用一些 awesome css动画极，同时也为你提供跨浏览器的兼容性！

如何淡出我的div？

3 个答案: