显示隐藏的问题，在线等

Question

<div class="1">
...
隐藏
</div><div class="2">
...
</div>
有上面二个div,第一个div上有个隐藏图标
1 一进页面时，就显示第一个div,再过 10秒钟 第一个div消失
2 如出现第一个div时，还未过 10秒钟时，用户点了第一个div中的隐藏时，第一个div消失.
3 整个过程中，第二个div一直是显示的，只是第一个div挡住第二个div
这怎么实现呀，谢谢

Answer 1

简单的DIV切换
用JS实现
如果对JS不熟，那么用JS框架好了，比较适合新手的，如JQUERY等

Answer 2

<script>
function showDiv(){
   document.getElementById('1').style.display ='none';
}
window.setTimeout(showDiv,10000);  
</script>
<div id='1' > DIV0000000000000001  
   <input type='button' onClick='showDiv()' value ='CLOSE'>
</div>
<div id='2'> DIV0000000000000002 </div>

Answer 3

还有一个问题，开始时div 1要 档住div2 的，

Answer 4

<style>
 #1 {
     position:absolute; /*让它漂浮起来就可以了*/
}
</style>

Answer 5

google  以下关键字
JQuery 轮播  滑动门 tab  切换

Answer 6

用二楼的可以
加上iframe用的