+ -
当前位置:首页 → 问答吧 → 求助,用js分页的算法

求助,用js分页的算法

时间:2009-04-13

来源:互联网


复制代码
  1. <ul>
  2.     <li>1</li>
  3.     <li>2</li>
  4.     <li>3</li>
  5.     <li>4</li>
  6.     <li>5</li>
  7.     <li>6</li>
  8.     <li>7</li>
  9.     <li>8</li>
  10.     <li>9</li>
  11. </ul>


用jquery怎么把这个li列表分页,如每两条一页.

点击第一页显示li列表的1,2
点击第二页显示li列表的3,4
....


求助

作者: 22zzaaqq   发布时间: 2009-04-13

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
    var i=1;
    $("li").each(function(){
        $(this).attr("ic",i);
        i++;
    })
    $("font").click(function(){
        var page_change=$(this).text();
        var page_change_s=page_change*2;
        page_change_s_a=page_change_s-1;
        $("li").each(function(){
            $(this).css("display","none");
        })
        $("li[ic="+page_change_s+"]").css("display","block");
        $("li[ic="+page_change_s_a+"]").css("display","block");
    })
})
</script>
<style type="text/css">
li{ display:none;}
font{ cursor:pointer;}
</style>
<ul>
    <li style="display:block;">1</li>
    <li style="display:block;">2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
</ul>
<font>1</font><font>2</font><font>3</font><font>4</font><font>5</font>

看看

作者: fudg1211   发布时间: 2009-04-14

相关阅读 更多