在按钮上单击淡出淡出

Question

我有按钮<input type="submit" id="btnApply" name="btnApply" value="Apply"/>

按钮单击时显示div

<div>
Thanks for apply
</div>

应该淡出

5秒后它应淡出

Answer 1

检查动画css属性。单击按钮时显示div并应用动画css。 检查animation-fill-mode css属性。您可以使用两者的值。 将0％指定为不透明度0,50％指定为不透明度1，并在不透明度0处指定返回100％。 使用animation-duration属性并将其设置为5秒。 尝试沿着上述方向做点什么..

的Pankaj

Answer 2

我认为你需要使用JQuery，在你的div中提到一些ID <div id="div1" >。使用Jquery非常简单：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        $("button").click(function(){
            $("#div1").fadeIn(2000);
            $('#div1').delay(3000).fadeOut(2000)
        });
    });
    </script>

在上面的代码中，当点击按钮时，div1会在2秒后淡入，在3秒后延迟会在2秒内淡出。