当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > 用DIV层实现长篇文章分页

用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>&nbsp;"; //循环输出第几页

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

 

【运行效果】

运行效果

【难点剖析】

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

【源码下载】

本实例JS代码下载

 

标签: DIV