`
webcode
  • 浏览: 5954724 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

根据div层的高度实现长文章分页

阅读更多
<iframe name="google_ads_frame" marginwidth="0" marginheight="0" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-4490194096475053&amp;dt=1224232660031&amp;lmt=1218843618&amp;prev_slotnames=1891601125&amp;output=html&amp;slotname=3685991503&amp;correlator=1224232659906&amp;url=http%3A%2F%2Fwww.corange.cn%2Farchives%2F2008%2F07%2F1343.html&amp;ea=0&amp;ref=http%3A%2F%2Fwww.corange.cn%2Fhtml%2Fcorange__62.html&amp;frm=0&amp;ga_vid=1096329645.1224124901&amp;ga_sid=1224232437&amp;ga_hid=227035840&amp;ga_fc=true&amp;flash=9.0.124.0&amp;u_h=768&amp;u_w=1024&amp;u_ah=715&amp;u_aw=1024&amp;u_cd=32&amp;u_tz=480&amp;u_java=true" frameborder="0" width="300" scrolling="no" height="250" allowtransparency></iframe> <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>无标题文档</title>
<styletype="text/css">
#frameContent{
width:500px;/*调整显示区的宽*/
height:200px;/*调整显示区的高*/
font-size:14px;
line-height:20px;
border:1pxsolid#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>
<divid="frameContent">
<p>北京奥运会颁奖礼仪服装共十六款。其中男装一款作为升旗手制服。女装十五款分为五个系列,每一系列分别按照嘉宾引导员、运动员引导员和托盘员的不同职能设计了三个不同款式。在奥运会的302场和残奥会的472场颁奖仪式上,这五个系列的礼服将分别出现在不同的场馆及比赛中。</p>
<p>  “青花瓷”系列使用在国家游泳中心水立方、顺义水上公园和青岛等所有水上项目的颁奖仪式中。</p>
<tablecellspacing="0"cellpadding="0"align="left"border="0">
<tbody>
<tr>
<tdvalign="top"></td>
</tr>
<tr>
<td></td>
</tr>
</tbody>
</table>
设计灵感取自世界闻名的中国青花瓷器。中国传统乱针绣的运用形象逼真地再现了青花瓷的晕染效果。鱼尾裙的廓形设计凸显了中国女性的柔美曲线。
</p>
<p>  宝蓝系列使用在体操、室内球类比赛和击剑等项目的颁奖现场。服装采用温润典雅的宝蓝色作为礼服主色,腰间饰有采用传统盘金绣制作的腰封,图案选用最具中国传统文化审美意趣和美好愿望的吉祥纹样——江山海牙纹、牡丹花纹,凸显了鲜明的中国特色和民族风格。同时也向全世界人民展示了中国最高超的刺绣工艺。中式的立领配以西式的肩部设计尽现中国女性落落大方的高贵气质。</p>
<p>  国槐绿系列丝缎礼服使用在自行车、射击、现代五项等项目的颁奖仪式上。礼服寓意蓬勃朝气的生命和郁郁葱葱的环境,体现了与自然和谐发展的美好愿望及坚守“绿色奥运”的决心。立体银线绣制的吉祥牡丹和契合女性柔美曲线的卷曲花纹,更显身段的婀娜多姿和东方女性的恬静气质。</p>
<p>  “玉脂白”系列将出现在国家体育场、所有的室外球类比赛以及香港马术比赛中。它巧妙地呼应了奥运奖牌金镶玉的理念,彩绣腰封和玉佩的设计,既是中国玉文化的完美再现又是对传统旗袍设计的一次创新。层次丰富的绿色与牙白色丝绸面料的质感完美搭配,更突出了中国女性内敛、含蓄的特质。</p>
<p>  粉红色系列主要出现在拳击、举重、摔跤等力量型比赛中,以传统盘金绣工艺制作的宝相花图案腰饰,分割出完美的人体比例。领部的设计突出了颈部的优美线条,同时以粉色的柔美来中和比赛的阳刚之气。</p>
<p>  升旗手服装与青花瓷礼服遥相呼应,在体现中国传统文化的同时又不失阳刚之气,将出现在所有的奥运会和残奥会比赛场馆中。</p>
<p>  所有的奥运礼服和升旗手制服都绣有“Beijing2008”的字样。</p>
<p>  “十分具有中国文化特色”是国际奥委会对这些服装的第一评价。2007年5月23日,由北京奥组委主办、中国服装设计师协会和北京市工业促进局协办的北京奥运会颁奖礼仪服装设计征集活动启动后,共收到有效作品305份,包括服装成衣137套、效果图168份。投稿作品中包括全国“十佳”设计师投稿127份,服装设计专业院校投稿80份。</p>
<p>  2007年8月2日—3日,经过初评和复评。由北京奥组委领导、中国艺术及服装设计界专家、国际奥委会形象景观专家及冠军运动员代表组成的评审小组共选出成衣作品30件,包括托盘员礼服8件、嘉宾引导员礼服7件、运动员引导员礼服10件、升旗手制服5件。2007年8月至2008年2月,北京奥组委组织专家召开了十余次方案修改研讨会。入围设计师在专家组的指导下多次修改方案、制作样衣。并先后于2007年11月8日和08年2月3日两次上报北京奥组委执委会审议。最终方案于2008年2月底通过国际奥委会审批。(张宇)</p>
<!--..STYLE1{color:#000000;font-weight:bold;font-size:14px;}..STYLE4{color:#000000}..STYLE5{color:#000000;font-weight:bold;}..STYLE6{color:#000000}-->
</div>
<P>
<divid="pages"style="font-size:12px;"></div>
<scriptlanguage="javascript">
varobj=document.getElementById("frameContent");//获取内容层
varpages=document.getElementById("pages");//获取翻页层
varpgindex=1;//当前页
window.onload=function()//重写窗体加载的事件
{
varallpages=Math.ceil(parseInt(obj.scrollHeight)/parseInt(obj.offsetHeight));//获取页面数量
pages.innerHTML="<b>共"+allpages+"页</b>";//输出页面数量
for(vari=1;i<=allpages;i++){
pages.innerHTML+="<ahref=\"javascript:showPage('"+i+"');\">第"+i+"页</a>";
//循环输出第几页
}
pages.innerHTML+="<ahref=\"javascript:gotopage('-1');\">上一页</a><ahref=\"javascript:gotopage('1');\">下一页</a>"
}
functiongotopage(value){
try{
value=="-1"?showPage(pgindex-1):showPage(pgindex+1);
}catch(e){

}
}
functionshowPage(pageINdex)
{

obj.scrollTop=(pageINdex-1)*parseInt(obj.offsetHeight);//根据高度,输出指定的页
pgindex=pageINdex;
}
</script>
</body>
</html>
http://www.corange.cn/archives/2008/07/1343.html
分享到:
评论

相关推荐

    ACT文章管理系统

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    fycms网站管理系统 v2.0 gb2312.rar

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    ACTCMS网站管理系统 v3.0 build 20100412 UTF8 精简版.rar

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    CMS网站管理系统 v3.0 beta utf-8

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    ACTCMS网站管理系统 v4.0 build 20110623 UTF8 正式版.rar

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    ACTCMS网站管理系统 v4.0 build 20110623 GBK 正式版.rar

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    xi7.net生活窍门网整站.rar

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    fycms网站管理系统 v2.0 utf-8.rar

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    ACTCMS网站管理系统 4.0 gbk 20110623.rar

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    FYCMS网站管理系统 1.1 gbk.rar

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    ACTCMS网站管理系统 4.0 utf-8 20110623.rar

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    《程序天下:JavaScript实例自学手册》光盘源码

    5.7 用层实现长文章分页 5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的内容 第6章 下拉列表特效 6.1 下拉框实现多选 6.2 实现两个select的同步 6.3 被选中的列表项下次不能再选 6.4 不带滚动条的...

    程序天下:JavaScript实例自学手册

    5.7 用层实现长文章分页 5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的内容 第6章 下拉列表特效 6.1 下拉框实现多选 6.2 实现两个select的同步 6.3 被选中的列表项下次不能再选 6.4 不带滚动条的...

    苹果8XPC和手机二合一完整版

    {maccms:curarttypepid} 文章当前分类的父分类ID {maccms:curarttopicid} 文章当前专题ID {maccms:load label.html} 载入自定义页面内容 {maccms:getlink label.html} 获取自定义页面的链接 {maccms:siteaid}...

    FYCMS网站管理系统 1.1 UTF8

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    fycms网站管理系统官方版下载 v1.1

    系统拥有强大的标签自动生成系统,任何您想要实现的功能,例如输出格式(table和div可选)、排序方法、文章属性、文章行距、文章数量、标题字数、日期格式、分隔图片、标题样式等等只需要在后台进行相关设置即可;...

    史上最好传智播客就业班.net培训教程60G 不下会后悔

    功能点 站内搜索、栏目管理、视频播放(完全模仿优酷视频页面)、焦点图、静态页面生成(新浪、搜狐等大型网站普遍采用的技术)、文章管理、无刷新评论、评论的无刷新分页、敏感词过滤、用户管理、友情链接管理、...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -重构了示例网站的架构,目前只有一层IFrame结构。 -为TabStrip增加EnableTabCloseMenu属性,是否启用右键菜单,可用来关闭当前Tab和所有其他Tab。 -为NumberBox增加DecimalPrecision属性,用来控制小数点后的...

    scroll_loader.js:数字出版物和博客的广告和内容推荐应用程序

    定位页面的高度并使用 AJAX 注入 Google DFP 广告、文章或任何您喜欢的动态内容,直到内容的总高度大于页面。 当用户滚动超过阈值 div 时加载内容并基于任意间隔进行迭代。 这样做是为了从 UT 圣地亚哥故事中删除...

    ExtAspNet_v2.3.2_dll

    +修正IE7下Grid分页速度慢(feedback:youwei, StevenGuan, hazardvn, gavindou, ttjacky)。 -实际上IE7下所以的回发都慢,原因是客户端的Base64编码速度慢,已经使用encodeURIComponent来代替Base64编码。 -俄语...

Global site tag (gtag.js) - Google Analytics