0

页面加载时，我播放了一个小视频。我隐藏了标题，但是当我使用fadeIn() 时，它不显示。谁能帮我解决这个问题？ 

<html>
<head>
    <style>
        #wrapper{width: 99%; margin: auto; text-align: center;}
        #header{width: 99%; margin: 35px auto; text-align: center; display: none;}
        #main{width: 99%; margin: 35px auto; text-align: center;}
    </style>
</head>
<body>
    <div id="wrapper">
        <div id="header">
            Hello
        </div>
        <div id="main">
            <video width="600" height="400" autoplay>

                <source src="countdown.webm" type="video/webm">
                Your browser does not support the video tag.
            </video>

        </div>
    </div>
    <script src="jquery-1.8.2.min.js"></script>
    <script>
        $(document).ready(function() {
            $("video").delay(5000).fadeOut(2000);
            $("header").show();
        });
    </script>
</body>
</html>
4

1 回答 1

1

对于上面发布的特定代码，您调用的是“header”标签名称元素，而不是 id='header' div 元素。将您的 jquery 部分更改为

$('#header').show();

或者如果你想做序列动画。当第一个动画完成时，只需将第二个动画放在回调函数中。就像是

$("video").fadeOut(2000,function(){
   $("#header").show();
});
于 2013-09-03T01:40:07.447 回答