页面初始化需要执行的方法
//初始化加载数据 var startNum = 1; var endNum = 30; var pageSize = 30; $(document).ready(function () { AjaxGetData(startNum, endNum); window.scrollTo(0, 0); //每次F5刷新把滚动条置顶 //marginBottom表示滚动条离底部的距离,0表示滚动到最底部才加载,可以根据需要修改 new NeuF.ScrollPage(window, { delay: 1000, marginBottom: 0 }, function (offset) { if (offset > 0) { $("#Loadding").show(); //加载提示 setTimeout(function () { //计算计数器 startNum += pageSize; endNum += pageSize; //这里就是异步获取内容的地方,这里简化成一句话,可以根据需要修改 AjaxGetData(startNum, endNum); }, 1000); } }); });
最后附上一张最终效果图
主要用到的还是jQuery,如果其中有任何疑问欢迎留言。谢谢。
上一篇:完美DIV+CSS实现个性聊天消息框展示效果兼容各式浏览器[绝对原创]
下一篇:CSS完美实现图片或者文字覆盖于博客标题之上
加精 23 踩扁 0
查看评论
Aal izz well 2014-4-24 13:55:08 1楼
你好,请教您几个问题,可以qq聊吗?
1楼 echarts 2014-4-24 15:14:27
[回复:Aal izz well]:嗯 可以的,请加我的Q:471237863
不知道你要问什么方面的问题呢?
关联阅读
01 关于页面动态创建多个highcharts图表所产生的问题汇总以及分析
02 ECharts图表组件入门教程:如何动态读取数组内的数据至echarts图表且动态更新图表Y轴刻度单位
03 asp.net+Ajax如何实现Highcharts图表组件支持大数据(上万个数据点)
04 关于Highcharts图表组件动态修改属性的方法(API)总结之Chart
05 highcharts图表中级入门:非histock图表的highcharts图表如何让图表产生滚动条
06 ECharts图表中级入门之dataZoom:图表数据过多如何开启滚动条效果(图表数据区域缩放)
07 highcharts图表高级入门:如何动态根据柱子总数和图表宽度以及间隔px值计算柱子宽度示例
08 ECharts图表组件中级入门篇:如何通过Ajax异步获取图表数据赋值于图表并渲染呈现(asp.net Demo无码版)
09 highcharts图表初级入门之update:如何动态修改某个series序列的名称
10 ExtJs入门之filefield:文件上传的配置+结合Ajax完美实现文件上传的asp.net示例
11 highcharts图表实战篇:如何动态添加图表坐标轴(xAxis/yAxis)和series序列数据
12 关于Highcharts图表组件动态修改属性的方法(API)总结之Series
13 关于Highcharts图表组件动态修改属性的方法(API)总结之Axis
请您注意
·自觉遵守:爱国、守法、自律、真实、文明的原则
·尊重网上道德,遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国其他各项有关法律法规
·严禁发表危害国家安全,破坏民族团结、国家宗教政策和社会稳定,含侮辱、诽谤、教唆、淫秽等内容的作品
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·您在STEP DAY新闻评论发表的作品,STEP DAY有权在网站内保留、转载、引用或者删除
·参与本评论即表明您已经阅读并接受上述条款