js分頁(yè)顯示div的內(nèi)容

2019-11-21 01:40:51

字體：大中小

供稿：網(wǎng)友

<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>div分頁(yè)顯示_武林網(wǎng)_m.survivalescaperooms.com</title> <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   class="iwvjtn8m0"   id="frameContent">   <p>北京奧運(yùn)會(huì)頒獎(jiǎng)禮儀服裝共十六款。其中男裝一款作為升旗手制服。女裝十五款分為五個(gè)系列，每一系列分別按照嘉賓引導(dǎo)員、運(yùn)動(dòng)員引導(dǎo)員和托盤員的不同職能設(shè)計(jì)了三個(gè)不同款式。在奧運(yùn)會(huì)的302場(chǎng)和殘奧會(huì)的472場(chǎng)頒獎(jiǎng)儀式上，這五個(gè)系列的禮服將分別出現(xiàn)在不同的場(chǎng)館及比賽中。</p>   <p>　　"青花瓷"系列使用在國(guó)家游泳中心水立方、順義水上公園和青島等所有水上項(xiàng)目的頒獎(jiǎng)儀式中。 </p>   <table cellspacing="0" cellpadding="0" align="left" border="0">     <tbody>       <tr>         <td valign="top"></td>       </tr>       <tr>         <td></td>       </tr>     </tbody>   </table>   設(shè)計(jì)靈感取自世界聞名的中國(guó)青花瓷器。中國(guó)傳統(tǒng)亂針繡的運(yùn)用形象逼真地再現(xiàn)了青花瓷的暈染效果。魚尾裙的廓形設(shè)計(jì)凸顯了中國(guó)女性的柔美曲線。   </p>   <p>　　寶藍(lán)系列使用在體操、室內(nèi)球類比賽和擊劍等項(xiàng)目的頒獎(jiǎng)現(xiàn)場(chǎng)。服裝采用溫潤(rùn)典雅的寶藍(lán)色作為禮服主色，腰間飾有采用傳統(tǒng)盤金繡制作的腰封，圖案選用最具中國(guó)傳統(tǒng)文化審美意趣和美好愿望的吉祥紋樣――江山海牙紋、牡丹花紋，凸顯了鮮明的中國(guó)特色和民族風(fēng)格。同時(shí)也向全世界人民展示了中國(guó)最高超的刺繡工藝。中式的立領(lǐng)配以西式的肩部設(shè)計(jì)盡現(xiàn)中國(guó)女性落落大方的高貴氣質(zhì)。</p>   <p>　　國(guó)槐綠系列絲緞禮服使用在自行車、射擊、現(xiàn)代五項(xiàng)等項(xiàng)目的頒獎(jiǎng)儀式上。禮服寓意蓬勃朝氣的生命和郁郁蔥蔥的環(huán)境，體現(xiàn)了與自然和諧發(fā)展的美好愿望及堅(jiān)守"綠色奧運(yùn)"的決心。立體銀線繡制的吉祥牡丹和契合女性柔美曲線的卷曲花紋，更顯身段的婀娜多姿和東方女性的恬靜氣質(zhì)。</p>   <p>　　"玉脂白"系列將出現(xiàn)在國(guó)家體育場(chǎng)、所有的室外球類比賽以及香港馬術(shù)比賽中。它巧妙地呼應(yīng)了奧運(yùn)獎(jiǎng)牌金鑲玉的理念，彩繡腰封和玉佩的設(shè)計(jì)，既是中國(guó)玉文化的完美再現(xiàn)又是對(duì)傳統(tǒng)旗袍設(shè)計(jì)的一次創(chuàng)新。層次豐富的綠色與牙白色絲綢面料的質(zhì)感完美搭配，更突出了中國(guó)女性內(nèi)斂、含蓄的特質(zhì)。</p>   <p>　　粉紅色系列主要出現(xiàn)在拳擊、舉重、摔跤等力量型比賽中，以傳統(tǒng)盤金繡工藝制作的寶相花圖案腰飾，分割出完美的人體比例。領(lǐng)部的設(shè)計(jì)突出了頸部的優(yōu)美線條，同時(shí)以粉色的柔美來(lái)中和比賽的陽(yáng)剛之氣。</p>   <p>　　升旗手服裝與青花瓷禮服遙相呼應(yīng)，在體現(xiàn)中國(guó)傳統(tǒng)文化的同時(shí)又不失陽(yáng)剛之氣，將出現(xiàn)在所有的奧運(yùn)會(huì)和殘奧會(huì)比賽場(chǎng)館中。</p>   <p>　　所有的奧運(yùn)禮服和升旗手制服都繡有"Beijing 2008"的字樣。</p>   <p>　　"十分具有中國(guó)文化特色"是國(guó)際奧委會(huì)對(duì)這些服裝的第一評(píng)價(jià)。2007年5月23日，由北京奧組委主辦、中國(guó)服裝設(shè)計(jì)師協(xié)會(huì)和北京市工業(yè)促進(jìn)局協(xié)辦的北京奧運(yùn)會(huì)頒獎(jiǎng)禮儀服裝設(shè)計(jì)征集活動(dòng)啟動(dòng)后，共收到有效作品305份，包括服裝成衣137套、效果圖168份。投稿作品中包括全國(guó)"十佳"設(shè)計(jì)師投稿127份，服裝設(shè)計(jì)專業(yè)院校投稿80份。</p>   <p>　　2007年8月2日―3日，經(jīng)過初評(píng)和復(fù)評(píng)。由北京奧組委領(lǐng)導(dǎo)、中國(guó)藝術(shù)及服裝設(shè)計(jì)界專家、國(guó)際奧委會(huì)形象景觀專家及冠軍運(yùn)動(dòng)員代表組成的評(píng)審小組共選出成衣作品30件，包括托盤員禮服8件、嘉賓引導(dǎo)員禮服7件、運(yùn)動(dòng)員引導(dǎo)員禮服10件、升旗手制服5件。2007年8月至2008年2月，北京奧組委組織專家召開了十余次方案修改研討會(huì)。入圍設(shè)計(jì)師在專家組的指導(dǎo)下多次修改方案、制作樣衣。并先后于2007年11月8日和08年2月3日兩次上報(bào)北京奧組委執(zhí)委會(huì)審議。最終方案于2008年2月底通過國(guó)際奧委會(huì)審批。（張宇）</p>    </div> <P> <div   class="iwvjtn8m0"   id="pages" style="font-size:12px;"></div> <script language="javascript"> var obj = document.getElementById("frameContent");  //獲取內(nèi)容層 var pages = document.getElementById("pages");         //獲取翻頁(yè)層 var pgindex=1;                                      //當(dāng)前頁(yè) window.onload = function()                             //重寫窗體加載的事件 {     var allpages = Math.ceil(parseInt(obj.scrollHeight)/parseInt(obj. offsetHeight));//獲取頁(yè)面數(shù)量     pages.innerHTML = "<b>共"+allpages+"頁(yè)</b>";     //輸出頁(yè)面數(shù)量     for (var i=1;i<=allpages;i++){         pages.innerHTML += "<a href=/"javascript:showPage('"+i+"');/">第"+i+"頁(yè)</a> "; //循環(huán)輸出第幾頁(yè)     }     pages.innerHTML += "      <a href=/"javascript:gotopage('-1');/">上一頁(yè)</a>  <a href=/"javascript:gotopage('1');/">下一頁(yè)</a>" } function gotopage(value){ try{  value=="-1"?showPage(pgindex-1):showPage(pgindex+1);  }catch(e){    } } function showPage(pageINdex) {          obj.scrollTop=(pageINdex-1)*parseInt(obj.offsetHeight);                                                                  //根據(jù)高度，輸出指定的頁(yè)     pgindex=pageINdex; } </script> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

上一篇：比較平滑的js控制textaera的高度

下一篇：兼容firefox的給每一個(gè)onClick再附加一個(gè)事件