jQuery滚动加载加载图表插件scrollLoading.js

所属分类:UI-加载,图表

 33838  332  查看评论 (0)
分享到微信朋友圈
X
jQuery滚动加载加载图表插件scrollLoading.js ie兼容8

使用方法

1、为每个图表div绑定事件

1
2
3
4
5
6
7
8
9
$(".chart").each(function(index, elem) {
    $(elem).scrollLoading({
        container: $("#report_table"), //滚动对象,监听该对象的滚动事件,很关键。
        callback: function() { //加载到可见范围的回调事件
            loadChart($(elem));
        },
        preloadHeight: 400 //预加载高度
    });
});

2、绑定后,当div在可见范围时,将执行callback方法。

3、可以用于img等标签

4、如果不能滚动加载,需要检查container配置是否正确。

相关插件-加载,图表

jquery播放进度条插件,可拖动

jquery插件播放进度条,可以拖动,可以控制,可设置时间
  加载
 53472  377

jQuery顶部加载动画插件loadBar.js

loadBar是一个轻量级的(最小2KB)jQuery插件,当加载内容时,页面顶部显示一个漂亮的动画条。
  加载
 30408  364

精美进度条

色彩绚丽的进度条,代码简单,动画感强
  加载
 42210  390
  加载
 37437  365

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

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