用DIV層實(shí)現(xiàn)長篇文章分頁

2012/10/25 10:07:32作者：佚名來源：網(wǎng)絡(luò)

移動端

【實(shí)例名稱】

用層實(shí)現(xiàn)長篇文章分頁

【實(shí)例描述】

在很多讀書或新聞網(wǎng)站中，為了提高可讀性，通常會對長篇文章進(jìn)行分頁。本例將學(xué)習(xí)如何對長篇文章分頁。

【實(shí)例代碼】

 
<html>
<head>
<style type="text/css">
#frameContent{
 width:500px;         /*調(diào)整顯示區(qū)的寬*/
 height:200px;         /*調(diào)整顯示區(qū)的高*/
 font-size:14px;
 line-height:20px;
 border:1px solid #000000;
 overflow-pageINdex:hidden;
 overflow-y:hidden;
 word-break:break-all;
}
a{
 font-size:12px;
 color:#000000;
 text-decoration:underline;
}
a:hover{
 font-size:12px;
 color:#CC0000;
 text-decoration:underline;
}
</style>
</head>
<body>
<div id="frameContent">
近日，市地方稅務(wù)局根據(jù)國家有關(guān)規(guī)定，就本市個人轉(zhuǎn)讓非普通住房征免土地增值稅有關(guān)問題發(fā)
出通知。
通知明確，本市對個人轉(zhuǎn)讓普通住房仍暫免征收土地增值稅。普通住房的標(biāo)準(zhǔn)仍按本市2005年公
布的標(biāo)準(zhǔn)執(zhí)行，不符合該標(biāo)準(zhǔn)的均為非普通住房。個人因工作調(diào)動或改善居住條件轉(zhuǎn)讓非普通住房
，居住滿5年的，免征土地增值稅；居住滿3年未滿5年的，減半征收；居住未滿3年的按規(guī)定征收
土地增值稅。對個人轉(zhuǎn)讓非普通住房，既沒有評估價格、又不能提供購房發(fā)票的，從2007年7月
15日起，稅務(wù)機(jī)關(guān)可實(shí)行核定征收土地增值稅辦法。凡居住未滿3年的，按轉(zhuǎn)讓收入的0.5%征收
，居住滿3年未滿5年的減半征收。

■普通住房與非普通住房界定

根據(jù)滬地稅流〔2005〕59號文件的規(guī)定，普通住房必須同時符合下列條件：(1)住宅小區(qū)建筑容
積率1.0以上。(2)單套建筑面積140平方米以下。(3)實(shí)際成交價格低于同級別土地上住房平均
交易價格1.44倍以下，坐落在內(nèi)環(huán)線以內(nèi)的低于17500元/平方米，內(nèi)環(huán)與外環(huán)間的低于10000
元/平方米，外環(huán)線以外的低于7000元/平方米。
記者昨日獲悉，普通商品住房“先批價再發(fā)銷售許可證”的發(fā)條將越上越緊。6月5日，南京市物
價局、南京市房產(chǎn)局聯(lián)合發(fā)文，就普通商品住房批價與銷售許可證發(fā)放的聯(lián)動問題作出具體規(guī)定。 
根據(jù)南京市物價局、房產(chǎn)管理局等六部門《關(guān)于進(jìn)一步加強(qiáng)房地產(chǎn)市場管理的意見》的有關(guān)規(guī)定，
南京市江南八區(qū)普通商品住房(含政策性住房)，房地產(chǎn)開發(fā)企業(yè)憑市價格主管部門發(fā)放的《普通
商品住房(含政策性住房)價格審批聯(lián)系單》、商品房核價批文及已報(bào)市(區(qū))價格主管部門監(jiān)督檢
查機(jī)構(gòu)備查的《普通商品住房備查價目表》到市房產(chǎn)管理部門辦理商品房入網(wǎng)認(rèn)證手續(xù)后領(lǐng)取
《商品房預(yù)售許可證》。三區(qū)兩縣(江寧、浦口、六合區(qū)、溧水、高淳縣)普通商品住房(含政策
性住房)，房地產(chǎn)開發(fā)企業(yè)憑區(qū)縣價格主管部門發(fā)放的《普通商品住房(含政策性住房)價格審批
聯(lián)系單》、商品房核價批文及已報(bào)區(qū)縣價格主管部門監(jiān)督檢查機(jī)構(gòu)備查的《普通商品住房備查價
目表》到市房產(chǎn)管理部門辦理商品房入網(wǎng)認(rèn)證手續(xù)后，到區(qū)縣房產(chǎn)(建設(shè))部門領(lǐng)取《商品房預(yù)
售許可證》。高檔住宅商品房仍按原規(guī)定界定。 
年內(nèi)開工廉租房實(shí)物還遷房60萬平方米從市第九次黨代會獲悉，今年天津?qū)⒇瀼睾梅康禺a(chǎn)宏觀
調(diào)控政策，加快各類保障性住房和普通住宅建設(shè)，改善中低收入群眾的住房條件。據(jù)介紹，今年
本市將計(jì)劃開工廉租房和實(shí)物還遷房60萬平方米，滿足困難群眾的住房安置需要。 
與此同時，本市將積極安排、加快經(jīng)濟(jì)適用房建設(shè)，年內(nèi)預(yù)計(jì)將開工經(jīng)濟(jì)適用房300萬平方米，
比去年同期增長15%，年內(nèi)竣工160萬平方米，提供經(jīng)濟(jì)適用房約1.9萬套。在搞好保障性住房建
設(shè)的同時，要調(diào)整用地結(jié)構(gòu)，增加普通住宅供地比重，普通住宅用地要占商品住宅供地總量的70%
以上，新建商品住宅90平方米以下戶型比重要達(dá)到70%以上，推進(jìn)新家園住宅建設(shè)，市安居工程
辦公室要組建工作班子進(jìn)駐開發(fā)現(xiàn)場，確保年內(nèi)華明、雙港新家園居住區(qū)開工350萬平方米。
“居者有其屋”是每個國家希望實(shí)現(xiàn)的目標(biāo)，世界上經(jīng)濟(jì)最發(fā)達(dá)的美國在這方面成績突出。根據(jù)
美國住房與城市開發(fā)部的統(tǒng)計(jì)，到2001年第四季度，美國家庭中擁有住房的比率達(dá)到了68%，創(chuàng)
下歷史最高紀(jì)錄。而且這里所說的住房還是指獨(dú)立房屋，即一般有兩三層樓高，有草坪、車庫、
獨(dú)門獨(dú)院的房子。 
當(dāng)然美國人的住房也分三六九等。最好的是獨(dú)立房屋；其次是城市房子(townhouse)，其外表看
是一棟小樓，但分兩家或幾家居住，各家有各家的門，也有自己的小塊草坪或車庫；再次是共管
房(condominium)，這是介于城市房子和公寓之間的住宅，外表看是一棟低層樓房，住戶一般由
多家或十幾戶組成，兩三家共享入口，草坪、車庫大都是集體管理；最后是公寓(apartment)，
由高層大樓組成，出入口、車庫、綠地以及各種設(shè)施都是大家共享，不過美國的公房較少，據(jù)統(tǒng)
計(jì)只有2%。 

美國人喜歡買房，而且買得起房，主要有這樣幾個原因。其一，房價不貴，買房比租房合算。由
于國土面積廣大等原因，相對于美國人的收入而言，美國的房價不算昂貴，而且一直保持得比較
平穩(wěn)。如果租房，在華盛頓最好的地段租一套一居室的公寓，月租金大概要1200美元，但買一套
這樣的公寓，頂多也就是20萬美元，更何況還能10年、20年或30年分期付清；其二，買房有種
種好處。美國聯(lián)邦、州以及地方政府都有許多鼓勵買房的法律和政策，對買房者提供諸如免稅、
低息貸款等多種優(yōu)惠；其三，買房是一種穩(wěn)定的投資手段。美國人不喜歡儲蓄，但樂于投資。買
房雖然說獲利較慢，但基本上是只賺不賠。2000年，美國住房平均增值9.5%，創(chuàng)下了20年來的
最高紀(jì)錄。 

美國人買房最主要的途徑是靠抵押貸款。中產(chǎn)階級及以上的家庭有固定的收入，一般可以很容易
地取得銀行貸款。中產(chǎn)階級收入以下的家庭也可申請各級政府的優(yōu)惠項(xiàng)目，從而也可買到住房。
美國在無貸款保險(xiǎn)的情況下，貸款額度一般不超過房價的80%，在有私人抵押貸款保險(xiǎn)的情況下，
貸款額度可達(dá)95%，在政府擔(dān)保的情況下，貸款額度可達(dá)100%。去年美國聯(lián)邦儲備委員會連續(xù)降
利息11次，將聯(lián)邦基金利率降到40年來最低水平，隨之各家銀行的貸款利率也相應(yīng)降低，因而即
使目前房價較高，多數(shù)美國人還是認(rèn)為，低利率提供了良好的購房條件，此時不買，更待何時？ 
</div>
<P>
<div id="pages" style="font-size:12px;"></div>
<script language="javascript">
var obj = document.getElementById("frameContent");      
//獲取內(nèi)容層
var pages = document.getElementById("pages");           
//獲取翻頁層
window.onload = function()                              
//重寫窗體加載的事件
{
 var allpages = Math.ceil(parseInt(obj.scrollHeight)/parseInt(obj.offsetHeight));
//獲取頁面數(shù)量
 pages.innerHTML = "<b>共"+allpages+"頁</b>";                                    
//輸出頁面數(shù)量
 for (var i=1;i<=allpages;i++){
  pages.innerHTML += "<a href=\"javascript:showPage('"+i+"');\">第"+i+"頁</a>&nbsp;";
//循環(huán)輸出第幾頁
 }
}
function showPage(pageINdex)
{
 obj.scrollTop=(pageINdex-1)*parseInt(obj.offsetHeight);         
//根據(jù)高度，輸出指定的頁
}
</script>
</body>
</html>

【運(yùn)行效果】

運(yùn)行效果

【難點(diǎn)剖析】

本例將所有文章放在一個div層中，然后使用CSS樣式表固定這個div的高度為200px如果文章的內(nèi)容超過了200px，則div會出現(xiàn)滾動條，此時使用“scrollHeight”獲得垂直滾動條的高度，用此值除以div層的高度，取整后就是總的頁數(shù)。當(dāng)用戶查看某頁時，便調(diào)用“showpage”方法，實(shí)現(xiàn)翻頁效果。

【源碼下載】

本實(shí)例JS代碼下載

標(biāo)簽： DIV 文章