Question

我有一个双亲小夫,有两个小孩,在马匹兹里,我想加上其他四分之四,这样就应该有想象力。

这里是法典。

<div id="parent">
     <div id="left"></div>
      <div id="right"></div>
</div>

Here, If i add other div to parent ,It will append at last,but should not be shown and pagination should come. Using floats, I am making the div s horizantal.I have to show only two div s,After that pagination should come.

Answer 1

这只是<>DEMO:

<><>><>><>><>>>><>>>><>>>>><>>>>><>>>><>>>><>>>><>><>>><>>><>>>>><>>>>>><>>>>>>>><>>>>>><>>>>>>>><>>>>>><>>>>>>>>><>>>>>><>>>>>><>>>>>><>>>>>>><>>>>>>>>>>>>><>>>>>>>>>>>>>>>>>>>>>>><>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

<div id="parent">
  <div id="wrapper">
    <div id="left">window 1</div>
    <div id="right">window 2</div>
  </div>
</div>
<div id="paginator"><span id="prev">Previous</span><span id="next">Next</span></div>

<><><>:>>>>>

#parent {
    width: 850px;
    overflow: hidden;
    padding: 10px;
    height: 320px;
    border: 1px solid #f00
}
#wrapper div {
    width: 400px;
    border: 1px solid #ccc;
    height: 300px;
    display:inline-block;
    margin: 10px
}
#paginator {
    margin: 10px;
    display: block
}
#paginator span {
    width: 30px;
    padding: 5px;
    margin: 10px;
    background: #1f1f1f;
    color: #fff;
}

<><>>>>[><>>>>>>>

$(function() {
    $( #next ).click(function() {
        $( #wrapper ).append($( <div>window 3</div><div>window 4</div> )); // you can add div using other way
        $( #wrapper ).animate({
            marginLeft:  -=860px 
        },
        500,  linear );
    });
    $( #prev ).click(function() {
        $( #wrapper ).animate({
            marginLeft:  +=860px 
        },
        500,  linear );
    });
});

Answer 2

我不敢理解你的问题,但我要说一枪......。

<div id="parent">
     <div id="left"></div>
     <div id="right"></div>
</div>
<div style="clear:both"></div>

<div id="pagination"></div>

......你指的是什么?

友情链接