在网上搜了好多,但是都不会用,有木有谁发个 可以自动插入分隔符,根据分隔符分页的小例子!
博客园上有个分页很不错,但不符合我的要求,我想要的是如何文章里有图片的话 用这个不就不分了,只能考虑分隔符了,如何用分隔符分页,望各位大侠赐教!

解决方案 »

  1.   

    本帖最后由 net_lover 于 2011-09-05 16:54:00 编辑
      

  2.   

    我这有两种分页的方式  你复制后直接可以运行看效果 你看看合适不
    第一种是多DIV分页<html>  
     <body>  
     <head>  
     <script Language = 'JavaScript'>  
     var curPage =0; maxPage =4;   function selectedPageByID(inputId)  //通过判断<div>的id来显示或隐藏<div>
    {  
      var divs = document.getElementsByTagName('div');  
      //var divCounter = 1;  
      var divcountlength = divs.length;  
      for(var no = 0; no < divcountlength; no++)  
      {  
       if(divs[no].id == inputId)  //找到对应的<div>显示 其它的<div>隐藏
       {  
       divs[no].style.display = "block";  
       curPage = no;  
       }  
       else  
       {  
       divs[no].style.display = "none";  
       }
      }  
    }   function selectedPageByNo(pageNo)   //该行数是通过具体的数字来显示<div> 
     {  
      var divs = document.getElementsByTagName('div');  
      //var divCounter = 1;  
      var divcountlength = divs.length;   for(var no = 0; no < divcountlength; no++)  
     {  
      if(no == pageNo)  
       {  
       divs[no].style.display = "block";  
       curPage = no;        
       }  
      else  
       {  
       divs[no].style.display = "none";  
       }  
      }  
     }   function getNextPage()  //显示下一页<div>
     {  
      curPage = parseInt(curPage)+1;   
      if (curPage > maxPage) curPage = maxPage;    selectedPageByNo(curPage);  //调用自定义函数 }  function getPrePage()   //显示上一页<div>
    {  
     curPage = parseInt(curPage)-1;   
     if (curPage < 0) curPage = 0;  
     selectedPageByNo(curPage);  //调用自定义函数
     }  
     </script>  
     </head>     
    <hr>  
    <div id ='Page1' style='display:'''>  Hello!<br>This is testing Page 1.  </div>  <div id = 'Page2' style='display:none'> Hello!<br>This is testing Page 2. </div>  <div id = 'Page3' style='display:none'> Hello!<br>This is testing Page 3. </div>  <div id = 'Page4' style='display:none'> Hello!<br>This is testing Page 4. </div>  <div id = 'Page5' style='display:none'> Hello!<br>This is testing Page 5. </div>  <a href='javascript:selectedPageByNo(0);'>|《</a>  <a href='javascript:getPrePage();'> < </a>  <a href='javascript:selectedPageByID("Page1");'> 1 </a>  <a href='javascript:selectedPageByID("Page2");'> 2 </a>  <a href='javascript:selectedPageByID("Page3");'> 3 </a>  <a href='javascript:selectedPageByID("Page4");'> 4 </a>  <a href='javascript:selectedPageByID("Page5");'> 5 </a>  <a href='javascript:getNextPage();'> > </a>  <a href='javascript:selectedPageByNo(4);'> 》|</a>    
     </body>  
    </html> 
      

  3.   

    第二种是   通过设置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=gb2312" /> 
    <title>div分页显示_脚本之家_www.jb51.net</title> 
    <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"> 
      北京奥运会颁奖礼仪服装共十六款。其中男装一款作为升旗手制服。女装十五款分为五个系列,每一系列分别按照嘉宾引导员、运动员引导员和托盘员的不同职能设计了三个不同款式。在奥运会的302场和残奥会的472场颁奖仪式上,这五个系列的礼服将分别出现在不同的场馆及比赛中。
        "青花瓷"系列使用在国家游泳中心水立方、顺义水上公园和青岛等所有水上项目的颁奖仪式中。 
      设计灵感取自世界闻名的中国青花瓷器。中国传统乱针绣的运用形象逼真地再现了青花瓷的晕染效果。鱼尾裙的廓形设计凸显了中国女性的柔美曲线。 
      
       宝蓝系列使用在体操、室内球类比赛和击剑等项目的颁奖现场。服装采用温润典雅的宝蓝色作为礼服主色,腰间饰有采用传统盘金绣制作的腰封,图案选用最具中国传统文化审美意趣和美好愿望的吉祥纹样——江山海牙纹、牡丹花纹,凸显了鲜明的中国特色和民族风格。同时也向全世界人民展示了中国最高超的刺绣工艺。中式的立领配以西式的肩部设计尽现中国女性落落大方的高贵气质。
      国槐绿系列丝缎礼服使用在自行车、射击、现代五项等项目的颁奖仪式上。礼服寓意蓬勃朝气的生命和郁郁葱葱的环境,体现了与自然和谐发展的美好愿望及坚守"绿色奥运"的决心。立体银线绣制的吉祥牡丹和契合女性柔美曲线的卷曲花纹,更显身段的婀娜多姿和东方女性的恬静气质。
        "玉脂白"系列将出现在国家体育场、所有的室外球类比赛以及香港马术比赛中。它巧妙地呼应了奥运奖牌金镶玉的理念,彩绣腰封和玉佩的设计,既是中国玉文化的完美再现又是对传统旗袍设计的一次创新。层次丰富的绿色与牙白色丝绸面料的质感完美搭配,更突出了中国女性内敛、含蓄的特质。
        粉红色系列主要出现在拳击、举重、摔跤等力量型比赛中,以传统盘金绣工艺制作的宝相花图案腰饰,分割出完美的人体比例。领部的设计突出了颈部的优美线条,同时以粉色的柔美来中和比赛的阳刚之气。
        升旗手服装与青花瓷礼服遥相呼应,在体现中国传统文化的同时又不失阳刚之气,将出现在所有的奥运会和残奥会比赛场馆中。
        所有的奥运礼服和升旗手制服都绣有"Beijing 2008"的字样。
       "十分具有中国文化特色"是国际奥委会对这些服装的第一评价。2007年5月23日,由北京奥组委主办、中国服装设计师协会和北京市工业促进局协办的北京奥运会颁奖礼仪服装设计征集活动启动后,共收到有效作品305份,包括服装成衣137套、效果图168份。投稿作品中包括全国"十佳"设计师投稿127份,服装设计专业院校投稿80份。
        2007年8月2日—3日,经过初评和复评。由北京奥组委领导、中国艺术及服装设计界专家、国际奥委会形象景观专家及冠军运动员代表组成的评审小组共选出成衣作品30件,包括托盘员礼服8件、嘉宾引导员礼服7件、运动员引导员礼服10件、升旗手制服5件。2007年8月至2008年2月,北京奥组委组织专家召开了十余次方案修改研讨会。入围设计师在专家组的指导下多次修改方案、制作样衣。并先后于2007年11月8日和08年2月3日两次上报北京奥组委执委会审议。最终方案于2008年2月底通过国际奥委会审批。(张宇)
    </div> <div id="pages" style="font-size:12px;"></div> <script language="javascript"> 
    var obj = document.getElementById("frameContent");  //获取内容层 
    var pages = document.getElementById("pages");         //获取翻页层 
    var pgindex=1;                                   //当前页 
    var allpages;
    window.onload = function()                             //重写窗体加载的事件 页面加载时执行该函数

        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> "; 
    //循环输出第几页 
        } 
        pages.innerHTML += " <a href=\"javascript:gotopage('-1');\">上一页</a>  <a href=\"javascript:gotopage('1');\">下一页</a>" 
    } function gotopage(value){ 
    try{ 
     value=="-1"?showPage(pgindex-1):showPage(pgindex+1); 
     }catch(e){ 
     } 

    function showPage(pageINdex) 

        if(pageINdex!=0 && pageINdex!=(allpages+1))
        { 
        obj.scrollTop=(pageINdex-1)*parseInt(obj.offsetHeight);                                                                  //根据高度,输出指定的页 
        pgindex=pageINdex; 
        }

    </script> 
    </body> 
    </html> 
      

  4.   

    就是我插入一段信息, 例如: <p>这是</p>^^<p>一个</p>^^<p>很难的嗯问题</p>^^
    使用文本编辑器 一般不都是以段落结束的吗? 假如 我以 ^^ 当分隔符 ,当一个段落结束的时候 自动插入!这样明白了吗?