zoukankan      html  css  js  c++  java
  • js加载更多

    数据有了,要点击“加载更多&分页”,后端大爷不给分页怎么办? 

    设计湿又指着鼻子说我就要这效果,骂完TM后还是要硬着头皮做。好吧就这么干...

    先写个方法:

    function taiduMianBoxHTMLGo(obj,qs,n,gofn,overfn){
        var dataLength=window.taiduDataJsonMB.length;
        function fnHTML(i){
        //这里根据需要改好了 sHtml
    +='<div class="fl"><a href="'+window.taiduDataJsonMB[i].url+'"><img src="'+window.taiduDataJsonMB[i].img+'" alt="'+window.taiduDataJsonMB[i].title+'"></a></div>'; }; if(dataLength-qs >=n ){ for(var i=qs; i<qs+n; i++){ fnHTML(i); gofn(); } if(dataLength-(qs+n) == 0){ overfn(); }; }else if( dataLength-qs > 0 && dataLength-qs < n){ for(var i=qs; i<qs+dataLength-qs; i++){ fnHTML(i); }; overfn(); }; obj.innerHTML+=sHtml; };

    方法有了怎么用???

    打个样

    <script>
    !function(){
        var startN=10;
        var stepN=10;
        var oMianBtn=document.getElementById('idconbox-html-go');
        taiduMianBoxHTMLGo(document.getElementById('idconbox'),0,startN,
            function(){oMianBtn.style.display='block';}
            ,function(){oMianBtn.style.display='none';}
        );
        oMianBtn.onclick=function(){
            taiduMianBoxHTMLGo(document.getElementById('idconbox'),startN,stepN,
                function(){oMianBtn.style.display='block';}
                ,function(){oMianBtn.style.display='none';}
            );
            startN+=stepN;
        };
    }()
    </script>
  • 相关阅读:
    第二阶段冲刺10
    第二阶段冲刺9
    第二阶段冲刺8
    (转载)关于数组的几个面试题
    关于静态变量
    linux进程地址空间详解(转载)
    单例模式,多种实现方式JAVA
    最佳线程数
    python学习
    svn设置
  • 原文地址:https://www.cnblogs.com/SongYiJian/p/5312255.html
Copyright © 2011-2022 走看看