简易滚动加载(超轻量)

所属分类:UI-滚动

 33225  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无缝滚动信息牌滚动(原创)

无缝滚动,可以向上滚动和向左滚动,可以使用固定格式滚动,也可以是无固定格式滚动,文字图片都可以实现滚动
  滚动
 41543  375

jQuery瀑布流插件

jQuery瀑布流,结合animate.css、wow.js滚动展示效果,可扩展性强。
  滚动
 30866  313

jQuery滚动楼层效果

jQuery滚动楼层效果,通俗简单好上手,js中有详细步骤解析。
  滚动
 39015  417

fullpage平滑换页+css3酷炫导航

fullpage平滑换页+css3酷炫导航
  滚动
 38237  494

讨论这个项目(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

        嘎嘎~~

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