简易滚动加载(超轻量)

所属分类:UI-滚动

 33537  327  查看评论 (7)
分享到微信朋友圈
X
简易滚动加载(超轻量) ie兼容10
funScrol('', '', '', function() {
    var s = 0,
        b = 10;
    for (var i = 0; i < b; i++) {
        $('#more').before(' <div class="box-list">第<i>0</i>条信息</div>');
    }
    var l = $('.box-list i');
    for (var i = 0; i < l.length; i++) {
        s++;
        $(l[i]).text(s);
    }
    offNo = true;
})

文中这里只是简单做个的效果,使用方式很简单,具体步骤只需要2步

1.引用函数funScrol(1,2,3,4)

2.在最后一个参数方法里,实现你要写的代码

注:不需要在进行判断,alert()可以换成你们的弹框,json数据格式要保持统一,方便你我他。有问题欢迎留言,谢谢~!

相关插件-滚动

jQuery滚动收缩导航

jQuery滚动收缩导航
  滚动
 37387  373

CSS3 滚动视觉差效果加返回顶部

CSS3 滚动视觉差效果+返回顶部.
  滚动
 43271  391

原生js向上滚动消息框

原生js封装的滚动消息框,简单实用
  滚动
 30467  329

jquery逐条文字向上滚动

jquery逐条文字向上滚动效果
  滚动
 51451  428

讨论这个项目(7)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    上帝眷顾的倒霉蛋 0
    2022/8/19 14:54:43
    你的例子最终也没进方法里来 回复
    赖给箜 0
    2018/8/29 18:27:01
    下载下来解压不了 说什么数据格式损坏 回复
    九年 0
    2017/9/6 16:22:33

    如果我想在一个div里实现这个效果该怎么改?

        九年0
        2017/9/7 9:29:03

        之前傻逼了。。。。

    回复
    Mr.CAIYIJUN?? 0
    2017/6/14 10:20:11

    多谢分享。我看解释才能看得懂哈哈哈

    回复
    秦时明月? 0
    2017/6/14 9:35:14

    不错,注释写的很详细

    虽然没什么技术含量

        lxhtml0
        2017/6/14 10:24:07

        嘎嘎~~

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复