js--分页效果(自己初版)

        function DisplayIndex(currentIndex)
        {
            var OutStr="";
            var pageCounter=49;
             var intValue;
            
            currentIndex+=1;
            
            if(currentIndex%10==0)
            {
                intValue=Math.floor((currentIndex-1)/10)*10;
            }
            else
            {
                intValue=Math.floor(currentIndex/10)*10;    
            }          
            if(Math.floor((currentIndex-1)/10)>0)
            {
                 OutStr+="&nbsp;&nbsp;<a href='javascript:display(0)'>1</a>&nbsp;&nbsp;";
                 OutStr+="&nbsp;&nbsp;<a href='javascript:display("+(Math.floor((currentIndex-1)/10)*10-1)+")'>...</a>&nbsp;&nbsp;";
            }     
            for(var i=intValue+1;i<=pageCounter;i++)
            {
                if (i != currentIndex)
                {
                     OutStr+="&nbsp;&nbsp;<a href='javascript:display("+(i-1)+")'>"+i+"</a>&nbsp;&nbsp;";
                }
                else
                {
                    OutStr+=+""+i;
                }
                if(i%10==0&& i!=pageCounter)
                {
                    OutStr+="&nbsp;&nbsp;<a href='javascript:display("+i+")'>...</a>&nbsp;&nbsp;" 
                    break;                 
                }                               
            }
           
            if(pageCounter>10 && Math.floor(pageCounter/10)!=Math.floor((currentIndex-1)/10)&&(pageCounter%10!=0||pageCounter-10>=currentIndex))
             { 
                    OutStr+="&nbsp;&nbsp;<a href='javascript:display("+(pageCounter-1)     +")'>"+pageCounter+"</a>&nbsp;&nbsp;";
                 
                                
               
             }    
           
                   
            document.getElementById("OutStr").innerHTML=OutStr;
            var s=new String("Hello World");
            var m=[1,2,"javascript"];
            var g="aaaaa";          
           
        }
        function display(index)
        {
            document.getElementById("displayArea").innerHTML=index;
            DisplayIndex(index);
        }
        function init()
        {                
            display(0);              
        }
        window.οnlοad=init;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值