將一個頁面固定在另一個頁面的底部 有兩種方式:
方法一: 用div+css
<!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" xml:lang="zh-CN" lang="zh-CN"> <head> <mce:style type="text/css"><!-- html,body { width:100%; height:100%; margin:0px; padding:0px; overflow:hidden; } #Main { position:absolute; bottom:0px; left:0px; width:100%; height:100%; overflow:auto; z-index:1; } #ToolBar { position:absolute; bottom:0px; right:16px; width:100%; height:50px; margin:0px; padding:0px; text-align:center; background:#ccc; z-index:2; overflow:hidden; } --></mce:style><style type="text/css" mce_bogus="1">html,body { width:100%; height:100%; margin:0px; padding:0px; overflow:hidden; } #Main { position:absolute; bottom:0px; left:0px; width:100%; height:100%; overflow:auto; z-index:1; } #ToolBar { position:absolute; bottom:0px; right:16px; width:100%; height:50px; margin:0px; padding:0px; text-align:center; background:#ccc; z-index:2; overflow:hidden; }</style> </head> <body> <div id="ToolBar"><iframe src="http://www.baidu.com" height="50" width="100%" scrolling="no" frameborder="0" marginheight="0" marginwidth="0" align="bottom"></iframe></div> <div id="Main"> <p><strong>09即將流行的經典語錄</strong></p> <div class="clear"> </div> <div class="info clearfix"> <p class="date"> </p> </div> <div class="blog_content" id="blog_content">TOP1 <br /> 人生的最大遺憾莫過於錯誤地堅持了不該堅持的,輕易地放棄了不該放棄的…… <br /> TOP2 <br /> 新式morning call——生前何必久睡,死後自會長眠. <br /> TOP3 <br /> 使你疲勞的不是遠方的高山,而且是你鞋裏面的一粒砂子. <br /> TOP4 <br /> 有時在飯堂排隊打飯時最大的欣慰不是前面的人越來越少而是後面等的人越來越多. <br /> TOP5 <br /> 逆風的方向,更適合飛翔。我不怕萬人阻擋,只怕自己投降. <br /> TOP6 <br /> 酒,裝在瓶裏像水,喝到肚裏鬧鬼,說起話來走嘴,走起路來閃腿,半夜起來找水,早上起來後悔,中午酒杯一端還是挺美。 <br /> TOP7 <br /> 你要不理我我就成包子了…而且還是天津最有名的…嘿嘿… <br /> TOP8 <br /> 媽媽說人最好不要錯過兩樣東西,最後一班回家的車和一個深愛你的人. <br /> TOP9 <br /> 我問一個在深圳工作了二十年的朋友:“如果你死後,你的墓誌銘打算寫點啥?”他說:“我解決了住房問題!” <br /> TOP10 <br /> 那天看到一位大媽在燒紙,邊燒邊嘟囔着:收到了全都買基金吧~~ TOP11 <br /> 學問之美,在於使人一頭霧水;詩歌之美,在於煽動男女出軌;女人之美,在於蠢得無怨無悔;男人之美,在於說謊說得白日見鬼. <br /> TOP12 <br /> 如果你看到面前的陰影,別怕,那是因爲你的背後有陽光. <br /> TOP13 <br /> 諸葛亮出山前,也沒帶過兵!憑啥我就要工作經驗? <br /> TOP14 <br /> 本人made in china,出廠日期1981年X月X日,長180cm,淨重67kg。採用人工智能,各部分零件齊全,運轉穩定,經二十多年的運行,屬信得過產品。該產品手續齊全,無限期包退包換。現因發展需要,誠招志同道合者共同研製開發第二代產品,有意者請聯繫! <br /> TOP15 <br /> 幹掉熊貓,我就是國寶! <br /> TOP16 <br /> 我能容忍身材是假的,臉是假的,胸是假的,臀是假的!!!但就是不容忍錢是假的!!!! <br /> TOP17 <br /> 脫機的人永遠不知道聯機的人等了她多久…… <br /> TOP18 <br /> 還能衝動,表示你還對生活有激情,總是衝動,表示你還不懂生活. <br /> TOP19 <br /> 命運負責洗牌,但是玩牌的是我們自己! <br /> TOP20 <br /> 問世間情爲何物,不過一物降一物~ <br /> TOP21 <br /> 如果中了一千萬,我就去買30套房子租給別人,每天都去收一次房租。哇咔咔~~充實! <br /> TOP22 <br /> 上帝欲使人滅亡,必先使其瘋狂;上帝欲使人瘋狂,必先使其買房. <br /> TOP23 <br /> 我們走得太快,靈魂都跟不上了…… <br /> TOP24 <br /> 問:你喜歡我哪一點?答:我喜歡你離我遠一點! <br /> TOP25 <br /> 你看得見我打在屏幕上的字,卻看不到我掉在鍵盤上的淚 </div></body> </html>
方法二:用div+css+js bottom.js
document.write("<div style='position:absolute;height:50px;top:expression(document.body.clientHeight-this.style.pixelHeight+document.body.scrollTop)'> "); document.write("<iframe src="http://www.baidu.com" mce_src="http://www.baidu.com" height=50 width=100% scrolling=no frameborder=0 marginheight=0 marginwidth=0 align='bottom'></iframe></div>");