zoukankan      html  css  js  c++  java
  • JS, Jquery进行前台翻页

    这里我们是根据table来进行前台翻页,这里只有上下翻页,没有直接到第一页和到最后一页

    function goPage(pno,psize){//pon就是从第几页开始,psize就是几条为一页
    var itable = document.getElementById("myTab1");//此id就是table的id
    var num = itable.rows.length-1;
    var totalPage = 0;
    var pageSize = psize;
    if(num/pageSize > parseInt(num/pageSize)){
    totalPage=parseInt(num/pageSize)+1;
    }else{
    totalPage=parseInt(num/pageSize);
    }
    var currentPage = pno;
    var startRow = (currentPage - 1) * pageSize+1;
    var endRow = currentPage * pageSize;
    endRow = (endRow > num)? num : endRow;
    for(var i=1;i<(num+1);i++){
    var irow = itable.rows[i];
    if(i>=startRow && i<=endRow){
    irow.style.display = "block";
    }else{
    irow.style.display = "none";
    }
    }

    var tempStr = "";
    if(currentPage>1){
    tempStr += "<a href="#" onClick="goPage("+(currentPage-1)+","+psize+")"><img src='/images/arrow_up.gif' border='0'></a>"
    }
    if(currentPage<totalPage){
    tempStr += "<a href="#" onClick="goPage("+(currentPage+1)+","+psize+")"><img src='/images/arrow_down.gif' border='0'></a>";
    }
    document.getElementById("barcon").innerHTML = tempStr;//此id就是翻页的图标插入的地方
    }

    <table width="100%" style="padding-top: 10px;">
    <tr>
    <td><div id="barcon" name="barcon"></div></td>
    </tr>
    </table>

  • 相关阅读:
    登录的验证码
    分页效果
    弹出新窗口
    添加软键盘
    左侧菜单
    制作导航
    DEV第三方控件的GalleryControl控件
    div悬浮在屏幕的中间及点击按钮关闭弹出框
    鼠标经过图片时向前突出并放大图片
    UIImageView实现加载网络gif图片
  • 原文地址:https://www.cnblogs.com/echo777/p/6805814.html
Copyright © 2011-2022 走看看