$(document).ready(function(){
var range = 50; //距下边界长度/单位px
var elemt = 500; //插入元素高度/单位px
var maxnum = $("#newsCount").val(); //设置加载最多次数
var num = 1;
var page = 1;
var totalheight = 0;
var main = $("#content"); //主体元素
$(window).scroll(function(){
var srollPos = $(window).scrollTop(); //滚动条距顶部距离(页面超出窗口的高度)
totalheight = parseFloat($(window).height()) + parseFloat(srollPos);
if(($(document).height()-range) <= totalheight && num != maxnum) {
$.ajax({
type:"post",
url: "${path}/main_do/ajaxNews",
data: {
page: page
},
dataType: "html",
success: function(data){
var objs = jQuery.parseJSON(data);
for(var i=0;i<objs.length;i++)
{
var news = objs[i];
main.append(‘<div class="index_one_news"><div class="index_one_news_img"><img src="${path }/‘+news.image+‘" width="182" height="109" /></div><div class="index_one_news_text"><a href="${path }/main_do/news_detail?newsId=‘+news.news_ID+‘"><h1>‘+news.title+‘</h1></a><p>‘+news.content+‘</p><div class="index_one_news_date">‘+news.publish_Date+‘</div></div></div>‘);
}
},
error: function(){
}
});
page++;
num++;
}
});
动态分页《查看更多》
时间: 2024-10-03 07:33:40
动态分页《查看更多》的相关文章
“查看更多”--和--“点击收起”(模拟开关事件)
原理: 1.首先定义一个开关(其实就是一个标志),默认为开: 2.定义或者获取默认显示的容器(container)的高度(heightm): 3.点击按钮(#more-news-media)时,如果为"开(true)",则容器(container)的高设为自动(auto),就将显示所有,此时将开关置为"关",将按钮上的文字设为"点击收起":如果为"关(false)",则容器的高设为第二步中"定义或获取"的高
jquery 点击查看更多箭头变化,文字变化,超出带滚动条。
从网上好了好久,没找到自己要的,自己写了一下. <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>more_up_arrows</title> <style type="text/css"> .w1000{width:1000px;margin:0 auto;} .mgt10{margin-top:10px;}
LayUI分页,LayUI动态分页,LayUI laypage分页,LayUI laypage刷新当前页
LayUI分页,LayUI动态分页,LayUI laypage分页,LayUI laypage刷新当前页 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ?Copyright 蕃薯耀 2017年8月1日 http://www.cnblogs.com/fanshuyao/ 效果图: 一.引用js依赖
查看更多
<script type="text/javascript"> var hflag=1; $(".jiamore").click(function(){ if(hflag){ $(".table-display").show(); $(this).html("收起"); hflag=0;
折叠多余文本内容,点击查看更多
command:设定规定的行数,当文本内容超过时,折叠并有一个“查看更多”的按钮 step1:编写html...... <p statue="0" class="text close_text"> //status是自定义的属性,“0”是false,“1”为True texttexttextvvshjhhsbcnxgfggggkshjahcjbkjciwhiuheohbcjkbcnzlkxkjidjoieklkxm.,cxzmkcowdjijdpoweo
android 你所不知道的类SpannableStringBuilder的总结--实现图文混排,查看更多,下划线等等
今天无意中看到的一个类SpannableStringBuilder,查了下感觉很牛叉: 1.看下实现的效果 第一种 引用自:使用android SpannableStringBuilder实现图文混排,查看更多 第二种 实现的代码见 使用的模板 2.简单的使用模板: 引用自 http://blog.it985.com/14433.html public class MainActivity extends Activity implements OnClickListener { priv
YAHOO.widget.DataTable 动态分页。
Server:服务器端的代码输出数据格式如下: {"total":"392","rows":[{"areaid":"1","areaname":"北京","parentid":"0","arrparentid":"0","child":"0",&qu
jquery动态分页
最近一直研究jquery的分页效果,刚刚弄好了一个,拿出来与大家分享.分页效果与时光网的差不多. 网址:http://www.mtime.com/movie/news/all/ 先在aspx页面放置一个<div class="pageDivs"></div> ,这个是用来存放分页的. 然后建一个page.js文件,具体代码如下(js中用到的css类是自己设置的,这里就不给出了,具体的大家可以自己设置一下css样式): $(document).ready(func
Tornado-基于正则的路由和动态分页
概览 这一小节涉及了三部分内容: 1.动态分页设计 2.基本的路由系统以及基于正则的路由 3.模块引擎的继承和导入 4.web项目文件夹和ReuquestHandler的分类 5.跨站脚本攻击 文件结构 Python代码 start.py from tornado.ioloop import IOLoop import tornado.web from controllers import account from controllers import home from controllers
ovs加dpdk在日志中查看更多运行细节的方法
想查看更多dpdk+ovs的更多运行细节,可以采用以下方法,增加更多运行日志. 在终端输入: ovs-appctl vlog/set dpdk:file:dbg ovs-appctl vlog/set netdev_dpdk:file:dbg 并查看 ovs-vswitchd.logs(在/usr/local/var/log/openvswitch目录下) ,便可以查看更多运行细节. 原文地址:https://www.cnblogs.com/vancasola/p/9406564.html