简体   繁体   中英

Static div's for pagination

I have a static div's and I want to create a pagination for this using PHP or JS. Let's say I have 25 div's and I want only to display 5 div's per page. How to do this?

Here's the format of the html div

<div class="newsbox">
 <img src="#" class="news-img"/>
 <div class="newsmargin">
 <br />
 <h3 class="news-h3">Title</h3>
 <span style="color: gray; font-size: 14px;">28.9.2015</span>
 <p class="newslineheight">Content</p>
<a class="buttonv1" href="#" target="_blank" style="padding: 10px 15px 10px 15px; line-height: 60px;">Read more</a></div>
</div>
<br />

<div class="newsbox">
 <img src="#" class="news-img"/>
 <div class="newsmargin">
 <br />
 <h3 class="news-h3">Title</h3>
 <span style="color: gray; font-size: 14px;">28.9.2015</span>
 <p class="newslineheight">Content</p>
 <a class="buttonv1" href="#" target="_blank" style="padding: 10px 15px 10px 15px; line-height: 60px;">Read more</a></div>
</div>

Try with java script:

Demo : http://jsfiddle.net/fSmEL/167/

    <div class="pagnation">
    <div class="newsbox">div1</div>
     <div class="newsbox">div2</div>
    <div class="newsbox">div3</div>
      <div class="newsbox">div4</div>
     <div class="newsbox">div5</div>
     <div class="newsbox">div6</div>
     <div class="newsbox">div7</div>
    <div class="newsbox">div8</div>
    <div class="newsbox">div9</div>
    <div class="newsbox">div10</div>
    <div class="newsbox">div11</div>
    <div class="newsbox">div12</div>
     <div class="newsbox">div13</div>
     <div class="newsbox">div15</div>
    <div class="newsbox">div15</div>
     </div>

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM