简易滚动加载(超轻量)

所属分类:UI-滚动

 33432  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滚动条插件scrollBar.js

本插件会将容器中滚动条样式进行统一,通过修改css任意改变滚动条的宽度与颜色,实现自定义滚动条的目的。
  滚动
 63423  383

jQuery简单的文字跑马灯特效

这是一款非常简单的jQuery文字跑马灯特效插件。该跑马灯特效使文本从右向左不停循环,当鼠标放到跑马灯上的文字时,跑马灯会暂停运动。
  滚动
 214294  358

锚点,可以扩展很多功能

锚点定位,代码实现简单,无依赖其它插件
  滚动
 24108  343

jQuery双锚点自动定位

jQuery滚动自自动锚点定位
  滚动
 36691  421

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

        嘎嘎~~

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