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

更新時(shí)間：2008年07月26日 12:51:28 作者：

對于div內(nèi)容過高的情況，我們可以用js控制div分頁

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

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

您可能感興趣的文章: