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>
  • 相关阅读:
    Introspector
    jython awt demo
    java中dom解析xml
    【luogu1816】忠诚
    代码调试技巧【OI缩水版】
    【UOJ78】二分图最大匹配
    【51nod】最大子段和
    【LibreOJ109】【模板】并查集
    简单的卡常数【OI缩水版】
    QQbot
  • 原文地址:https://www.cnblogs.com/SongYiJian/p/5312255.html
Copyright © 2011-2022 走看看