Relatively speaking, it can be looked at by beginners, but it is not very practical. It may be solved with four jquery statements, but the native one is relatively referential, and understanding the final principle is the key. Copy code The code is as follows: .org/1999/xhtml"> Untitled Document <br>body {margin:0;padding:0;color:#000000;} <br># div_test { <br>width: 100%; <br>height: 100%; <br>background-color: #000000; <br>position:absolute; <br>filter:Alpha(Opacity=0) <br>} <br> <br>var i = 100; <br>function $(id) {return document.getElementById(id);} <br>function chang_display() { i--; <br>var div = $('div_test'); <br>div.style.filter = "Alpha(Opacity=" i ")"; <br>div.style .opacity = i / 100; <br>if ( i== "0") <br>{document.getElementById('div_test').style.display="none";//Hide<br>exit <br> } <br><br>} <br>/*Control div hiding*/ <br>function hid() { <br>setInterval(chang_display, 1); <br>} <br><br> < /div> 123123123 <br>var j = 0; <br>function $(id) {return document.getElementById(id);} <br>function turn_display() <br>{ j ; <br>var div = $('div_test'); <br>div.style.filter = "Alpha(Opacity=" j ")"; <br>div.style.opacity = j / 100; <br> if ( j== "0") <br>{document.getElementById('div_test').style.display="none";//Hide <br>exit <br>} <br>} <br>setInterval( turn_display, 1); <br>