动态分页《查看更多》

$(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