javascript - 需要使用 javascript/jquery 为隐藏框添加淡出效果

Question

我有一个通知 div，它会在 5 秒后消失。如何添加淡出效果，消失的时候很顺滑好看。

我现在的代码:

<script type="text/javascript">
setTimeout(function(){
   document.getElementById('notification').style.display = 'none';
}, 5000);  
//5secs
</script>

Answer 1

$('#notification').delay(5000).fadeOut();

您可以通过这种方式将其添加到 JavaScript block 中:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"
        type="text/javascript">
</script>

<script type="text/javascript">

$(document).ready(function () {

$('#notification').delay(5000).fadeOut();

}

</script>