如果把寬度增加值改成5,寬度增加到735就會停止,為什么?怎么樣做改成5也可以順利執(zhí)行?
//增加廣告寬度函數(shù) ????????function?addWidth(){??????????? ????????????if(w?<?800){? ????????????????w+=8;//這里如果把間隔改成5,寬度到735就會停止,為什么? ????????????????ad.style.width?=?w?+?'px';??????????? ????????????????setTimeout('addWidth();',30); ????????????}else{ ????????????????return; ????????????} ????????}
如題,問題代碼在上面,
如圖所示,#ad寬度到735就停住了
全部代碼在下面
<!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>自動展開</title> ????<style?type="text/css">???/*設(shè)置廣告和正文的CSS樣式*/ ????????*{ ????????????margin:0; ????????????padding:0; ????????} ????????body{ ????????????width:800px; ????????????margin:0?auto;?? ????????????text-align:center; ????????} ????????#ad{ ????????????margin:0?auto;?? ????????????overflow:hidden; ????????????height:100px; ????????????background-color:#f8f8f8; ????????} ???????? ????????.tit{ ????????????line-height:40px; ????????????height:40px; ????????????color:#fff; ????????????background-color:gray; ????????} ????</style> ????<script?type="text/javascript"> ????????var?w?=?0; ???????? ????????//增加廣告寬度函數(shù) ????????function?addWidth(){??????????? ????????????if(w?<?800){? ????????????????w+=8;//這里如果把間隔改成5,寬度到735就會停止,為什么? ????????????????ad.style.width?=?w?+?'px';??????????? ????????????????setTimeout('addWidth();',30); ????????????}else{ ????????????????return; ????????????} ????????} ???????? ????????//在網(wǎng)頁加載完畢時(shí),調(diào)用增加寬度函數(shù),等待5秒鐘后調(diào)用減少寬度函數(shù)。 ????????window.onload?=?function(){ ????????????var?ad?=?document.getElementById('ad'); ????????????addWidth(); ????????????setTimeout('subWidth();',5000); ????????} ???????? ????????//減少廣告寬度函數(shù) ????????function?subWidth(){ ????????????if(w?>?0){ ????????????????w-=5; ????????????????ad.style.width?=?w?+?'px'; ????????????????setTimeout('subWidth()',30); ????????????}else{ ????????????????ad.style.display='none'; ????????????????return; ????????????} ????????} ????</script> </head> <body> ????<!--廣告和正文的HTML代碼--> ????<div?class='content'> ????????<div?id='ad'> ????????????<h1>歡迎來到慕課網(wǎng)</h1>???? ????????????<p>大幅廣告</p> ????????</div> ????????<p?class='tit'>慕課網(wǎng)歡迎你</p> ????</div> </body> </html>
求解,謝謝:-D
2016-01-10
我執(zhí)行了很多次也沒有出現(xiàn)這個(gè)問題呢,你看看是不是你的瀏覽器緩沖問題哦。
調(diào)試也是能夠運(yùn)行到800的。