zoukankan      html  css  js  c++  java
  • js实现分页

    /*用于页码显示*/
        function pagenum_show(pagenum){
            var str = '';
            str += "<span onClick = 'page_t(this)'>上一页</span>";
            for(var i = 0;i < pagenum;i++){
                if(i == 0){
                    str += "<span onClick = 'page_t(this)' flag = '1' class = 'flag_class'>"+(i+1)+"</span>";
                }else{
                    str += "<span onClick = 'page_t(this)' flag = '0' class = 'flag_class'>"+(i+1)+"</span>";
                }
                
            }
            str += "<span onClick = 'page_t(this)'>下一页</span>";
            $("#sheng_user_two").html(str);
        }
        
        function page_t(obj){
            var page_num = obj.innerHTML;//获取点击的span的值
            var arr = Array('上一页','下一页');
            //如果是上一页 下一页
                
            if(arr.indexOf(page_num) != -1){//如果要检索的字符串值没有出现,则该方法返回 -1;indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
                var nowval = $(".flag_class[flag='1']").html();
                if( page_num == '上一页' && nowval == '1' ){
                    alert('已经是首页');
                    return false;
                }
                if( page_num == '下一页' && nowval == $(".flag_class").length ){
                    alert('已经是尾页');
                    return false;
                }
        
                $(".flag_class").each(function(){
                    if($(this).html() == (+nowval-1) && page_num == '上一页'){
                        $(this).attr("flag",1);
                        page_num = +nowval-1;
                    }else if($(this).html() == (+nowval+1) && page_num == '下一页'){
                        $(this).attr("flag",1);
                        page_num = +nowval+1;
                    }else{
                        $(this).attr("flag",0);
                    }
                })    
            }else{
                        //z正常页码
                $(".flag_class").each(function(){
                    $(this).attr("flag",0);
                })
                $(obj).attr("flag",1);
            }
  • 相关阅读:
    window执行python文件
    百钱买百鸡
    牛的数量有多少
    如何实现杨辉三角
    怎样求解斐波那契数列
    php快速做外包后台开源产品
    如何实现洗牌算法
    如何获取规定的排列组合
    怎样才能得到阿姆斯壮数
    如何利用约瑟夫环来保护你与你的朋友
  • 原文地址:https://www.cnblogs.com/loveMis/p/8891797.html
Copyright © 2011-2022 走看看