用DIV层实现长篇文章分页

2012/10/25 10:07:32作者：佚名来源：网络

移动端

【实例名称】

用层实现长篇文章分页

【实例描述】

在很多读书或新闻网站中，为了提高可读性，通常会对长篇文章进行分页。本例将学习如何对长篇文章分页。

【实例代码】

<html> <head> <style type="text/css"> #frameContent{ width:500px; /*调整显示区的宽*/ height:200px; /*调整显示区的高*/ 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"> 近日，市地方税务局根据国家有关规定，就本市个人转让非普通住房征免土地增值税有关问题发出通知。

通知明确，本市对个人转让普通住房仍暂免征收土地增值税。普通住房的标准仍按本市2005年公布的标准执行，不符合该标准的均为非普通住房。个人因工作调动或改善居住条件转让非普通住房，居住满5年的，免征土地增值税；居住满3年未满5年的，减半征收；居住未满3年的按规定征收土地增值税。对个人转让非普通住房，既没有评估价格、又不能提供购房发票的，从2007年7月 15日起，税务机关可实行核定征收土地增值税办法。凡居住未满3年的，按转让收入的0.5%征收，居住满3年未满5年的减半征收。

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

根据沪地税流〔2005〕59号文件的规定，普通住房必须同时符合下列条件：(1)住宅小区建筑容积率1.0以上。(2)单套建筑面积140平方米以下。(3)实际成交价格低于同级别土地上住房平均交易价格1.44倍以下，坐落在内环线以内的低于17500元/平方米，内环与外环间的低于10000 元/平方米，外环线以外的低于7000元/平方米。

记者昨日获悉，普通商品住房“先批价再发销售许可证”的发条将越上越紧。6月5日，南京市物价局、南京市房产局联合发文，就普通商品住房批价与销售许可证发放的联动问题作出具体规定。

根据南京市物价局、房产管理局等六部门《关于进一步加强房地产市场管理的意见》的有关规定，南京市江南八区普通商品住房(含政策性住房)，房地产开发企业凭市价格主管部门发放的《普通商品住房(含政策性住房)价格审批联系单》、商品房核价批文及已报市(区)价格主管部门监督检查机构备查的《普通商品住房备查价目表》到市房产管理部门办理商品房入网认证手续后领取《商品房预售许可证》。三区两县(江宁、浦口、六合区、溧水、高淳县)普通商品住房(含政策性住房)，房地产开发企业凭区县价格主管部门发放的《普通商品住房(含政策性住房)价格审批联系单》、商品房核价批文及已报区县价格主管部门监督检查机构备查的《普通商品住房备查价目表》到市房产管理部门办理商品房入网认证手续后，到区县房产(建设)部门领取《商品房预售许可证》。高档住宅商品房仍按原规定界定。

年内开工廉租房实物还迁房60万平方米从市第九次党代会获悉，今年天津将贯彻好房地产宏观调控政策，加快各类保障性住房和普通住宅建设，改善中低收入群众的住房条件。据介绍，今年本市将计划开工廉租房和实物还迁房60万平方米，满足困难群众的住房安置需要。与此同时，本市将积极安排、加快经济适用房建设，年内预计将开工经济适用房300万平方米，比去年同期增长15%，年内竣工160万平方米，提供经济适用房约1.9万套。在搞好保障性住房建设的同时，要调整用地结构，增加普通住宅供地比重，普通住宅用地要占商品住宅供地总量的70% 以上，新建商品住宅90平方米以下户型比重要达到70%以上，推进新家园住宅建设，市安居工程办公室要组建工作班子进驻开发现场，确保年内华明、双港新家园居住区开工350万平方米。

“居者有其屋”是每个国家希望实现的目标，世界上经济最发达的美国在这方面成绩突出。根据美国住房与城市开发部的统计，到2001年第四季度，美国家庭中拥有住房的比率达到了68%，创下历史最高纪录。而且这里所说的住房还是指独立房屋，即一般有两三层楼高，有草坪、车库、独门独院的房子。

当然美国人的住房也分三六九等。最好的是独立房屋；其次是城市房子(townhouse)，其外表看是一栋小楼，但分两家或几家居住，各家有各家的门，也有自己的小块草坪或车库；再次是共管房(condominium)，这是介于城市房子和公寓之间的住宅，外表看是一栋低层楼房，住户一般由多家或十几户组成，两三家共享入口，草坪、车库大都是集体管理；最后是公寓(apartment)，由高层大楼组成，出入口、车库、绿地以及各种设施都是大家共享，不过美国的公房较少，据统计只有2%。

美国人喜欢买房，而且买得起房，主要有这样几个原因。其一，房价不贵，买房比租房合算。由于国土面积广大等原因，相对于美国人的收入而言，美国的房价不算昂贵，而且一直保持得比较平稳。如果租房，在华盛顿最好的地段租一套一居室的公寓，月租金大概要1200美元，但买一套这样的公寓，顶多也就是20万美元，更何况还能10年、20年或30年分期付清；其二，买房有种种好处。美国联邦、州以及地方政府都有许多鼓励买房的法律和政策，对买房者提供诸如免税、低息贷款等多种优惠；其三，买房是一种稳定的投资手段。美国人不喜欢储蓄，但乐于投资。买房虽然说获利较慢，但基本上是只赚不赔。2000年，美国住房平均增值9.5%，创下了20年来的最高纪录。

美国人买房最主要的途径是靠抵押贷款。中产阶级及以上的家庭有固定的收入，一般可以很容易地取得银行贷款。中产阶级收入以下的家庭也可申请各级政府的优惠项目，从而也可买到住房。美国在无贷款保险的情况下，贷款额度一般不超过房价的80%，在有私人抵押贷款保险的情况下，贷款额度可达95%，在政府担保的情况下，贷款额度可达100%。去年美国联邦储备委员会连续降利息11次，将联邦基金利率降到40年来最低水平，随之各家银行的贷款利率也相应降低，因而即使目前房价较高，多数美国人还是认为，低利率提供了良好的购房条件，此时不买，更待何时？

</div> <P> <div id="pages" style="font-size:12px;"></div> <script language="javascript"> var obj = document.getElementById("frameContent"); //获取内容层 var pages = document.getElementById("pages"); //获取翻页层 window.onload = function() //重写窗体加载的事件 { var allpages = Math.ceil(parseInt(obj.scrollHeight)/parseInt(obj.offsetHeight)); //获取页面数量 pages.innerHTML = "<b>共"+allpages+"页</b>"; //输出页面数量 for (var i=1;i<=allpages;i++){ pages.innerHTML += "<a href=\"javascript:showPage('"+i+"');\">第"+i+"页</a> "; //循环输出第几页

} } function showPage(pageINdex) { obj.scrollTop=(pageINdex-1)*parseInt(obj.offsetHeight); //根据高度，输出指定的页 } </script> </body> </html>

【运行效果】

运行效果

【难点剖析】

本例将所有文章放在一个div层中，然后使用CSS样式表固定这个div的高度为200px如果文章的内容超过了200px，则div会出现滚动条，此时使用“scrollHeight”获得垂直滚动条的高度，用此值除以div层的高度，取整后就是总的页数。当用户查看某页时，便调用“showpage”方法，实现翻页效果。

【源码下载】

本实例JS代码下载

标签： DIV 文章