<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>? ? <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />? ? <title>自動(dòng)展開</title>? ? <style type="text/css">? ? ? ? ?body? ? ? ? {? ? ? ? ? ? margin: 0 auto;? ? ? ? ? ? padding: 0;? ? ? ? }? ? ? ? a:focus? ? ? ? {? ? ? ? ? ? outline: none;? ? ? ? }? ? ? ??? ? ? ? #pn? ? ? ? {? ? ? ? ? ? background: #e8e8e8;? ? ? ? ? ? height: auto;? ? ? ? ? ? width: 960px;? ? ? ? ? ? display:block;? ? ? ? ? ? margin: 0 auto;? ? ? ? ? ? padding: 5px;? ? ? ? ? ? text-align: center;? ? ? ? ? ??? ? ? ? ?}? ? ? ? .slide? ? ? ? {? ? ? ? ? ? padding: 10px;? ? ? ? ? ? width: 950px;? ? ? ? ? ? margin: 0 auto;? ? ? ? ? ? background: gray;? ? ? ? ? ? text-align: center;? ? ? ? ? ? height: 40px;? ? ? ? ? ? line-height: 40px;? ? ? ? ? ? color: #fff;? ? ? ? }? ? </style>? ? <script type="text/javascript">? ? ? ?? ? ? ? var h=0;? ? ? ? //增加高度函數(shù)addH()? ? ? ? ? ??? ? ? ? function addh() { ?? ? ? ? ? ? ??? ? ? ? ? if(h<300){? ? ? ? ? ? ? ?h=h+5;? ? ? ? ? ? ? ?document.getElementById('pn').style.height=h+"px";? ? ? ? ? ? ?}else{? ? ? ? ? ? ? ?return;? ? ? ? ? ?}? ? ? ? setTimeout("addh()",30);? ? ? ? }? ? ? ??? ? ? ?//網(wǎng)頁(yè)加載完畢時(shí)，調(diào)用增加高度函數(shù)addH()，等待5秒鐘后調(diào)用減少高度函數(shù)subh()。? ? ? ? ?window.onload=function(){? ? ? ? ? ? ?? ? ? ? ? ?addh();? ? ? ? ? setTimeout("subh()",5000);?? ? ? ?}? ? ? ? ??? ? ? ? // 減少高度函數(shù)subH()? ??? ? ? ? function subh() {? ? ? ? ? ??? ? ? ? ? ? ??? ? ? ? ? ?if(h>0){? ? ? ? ? ? ? ?h=h-5;? ? ? ? ? ? ? ?document.getElementById('pn').style.height=h+"px";? ? ? ? ? ? ? ?}else{? ? ? ? ? ? ? ?return;? ? ? ? ? ? ? ? document.getElementById('pn').style.display="none";? ? ? ? ? ? ? ?? ? ? ? ? ?}? ? ? ? ? ?setTimeout("subh()",30); ? ? ? ? ? ??? ? ? ? }?? ? </script></head><body>? ? <div id="pn">? ? ? ? <h1>? ? ? ? ? ? 歡迎來到慕課網(wǎng)</h1>? ? ? ? <h2>? ? ? ? ? ? 大幅廣告</h2>? ? </div>? ? <p class="slide">? ? ? ? 慕課網(wǎng)歡迎你</p></body></html>
求幫忙！為什么我在subh函數(shù)里即使加了style.display="none",卻還是沒有隱藏呢？
零基礎(chǔ)1
2016-05-31 10:47:43
