php滚动加载数据 php加载js

求基于ajax的,thinkphp滚动加载页面demo;

PHP，AJAX实现滚动条滚动到页面底部自动加载增加下一页内容

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/

title滚动到页面顶部加载/title

script src="jquery-1.4.1.js" type="text/javascript"/script

script src="endlesspage.js?date=2014" type="text/javascript"/script

style type="text/css"

H1,.div,.loaddiv,.div_null{text-align: center;}

body{margin:100px auto 100px;}

.mainDiv {width: 800px;padding: 10px;margin:10px auto;}

.item {width: 600px;font-size: 12px;margin: 10px;}

.title {font-size: 16px;line-height: 20px;}

.alink{display:none;font-size: 46px;}

.loaddiv,.div_null{display:none;}

.ov{color:red;}

/style

/head

body

h1滚动测试/h1

div class="mainDiv"

div class="item"

div class="title"********/div

/div

div class="item"

div class="title"********/div

/div

div class="item"

div class="title"********/div

/div

div class="item"

div class="title"********/div

/div

div class="item"

div class="title"********/div

/div

div class="item"

div class="title"********/div

/div

div class="item"

div class="title"********/div

/div

div class="item"

div class="title"********/div

/div

div class="item"

div class="title"********/div

/div

div class="item"

div class="title"********/div

/div

div class="item"

div class="title"********/div

/div

div class="item"

div class="title"********/div

/div

/div

div class="div_null"

没有更多的数据了

/div

div class="loaddiv"

img src="loading.gif" /

/div

div class="div"

a href="javascript:void(0);" id="btn_Page" class="alink"查看更多/a

/div

/body

/html

相关问答

Q1: PHP页面如何做到不管用什么方式进入该页面，都是重新加载数据，包括使用前进，后退按钮，给点具体的方案

没有必要每次刷新页面啊 ， 你需要刷新的是什么数据？在数据后面加上#号，然后后面跟一堆随机数就能强制刷新了~

Q2: php一条一条地读取数据，并显示

首先你的需求总的来说是有3个：

1，显示总的数据

2，点击显示下一条

3，定位跳转到某一条

针对的解决办法：

1，这个对数据库而言，就是读取所有符合展示条件的信息

$where = 你的搜索条件；

$all_info = $this-db-getall('table_name','$where');

2和3的解决办法是，在数据库内有一个id字段，用于唯一标示你的信息

点击显示下一条：

假设你的当前信息id = 14 ， 那么，你查询出来 id = 14+1 的信息即可，

跳转到特定的条目：

那就是你给id赋值，进行查询即可。

Q3: php+mysql+jquery ajax怎么实现无限下拉加载

这里在Load事件里向页面注册php滚动加载数据了一段JSphp滚动加载数据，AjaxPagerCallBack方法做两个操作，把自己表现php滚动加载数据的数据放入自己在客户端生成的DIV容器里，即id为this.UniqueID.Replace('$','_')的div,ClientID好像也可以php滚动加载数据！哈，一时糊涂php滚动加载数据！第二步就是把分页数据放到id为Info.ContainID的div中，Info对象下面会说到。

Q4: 用PHP实现页面的局部刷新功能，读取记事本数据。随便点击刷新区域一下就自动加载下一条数据。做个 DEMO出来

局部刷新功能，点击刷新区域这个需要用到javascript, 你可以用ajax.或者是JQuery;

局部刷新和区域刷新其实都是刷新一个DIV里的内容，只是刷新方式你可以定时刷新或手动点击按钮刷新;

给你一个JQuery的小例子,点击按钮刷新div：

div id="demo"原来div里的内容/div

input type="button" id="but" value="刷新div" /

script

$('#but').click(function(){

$.get('demo.php',null, function(data){

$('#demo').html(data);

})

});

/script

PHP页面时时获取系统时间，

demo.php;

?php

echo date("Y-m-d H:i:s");

?

如果你要读取文件内容，那么有多种方法，我先告诉你一种：

file_get_contents(file) php函数读取文件内容, 可以是txt文体文件或html文件

?php

echo file_get_contents("data.txt");

?

Q5: php如何让数据库中的图片在网页首页滚动显示

可以用无缝图片滚动效果 如：

!DOCTYPE html

html

head

meta charset="utf-8"

title/title

style

* { margin: 0; padding: 0;}

body{ background-color:#1B1B1B}

#div1{ width: 800px; height: 150px; position: relative; margin: 100px auto;overflow: hidden;}

#div1 ul { width: 800px; height: 150px; position: relative; }

#div1 ul li { height: 150px; float: left; list-style: none; padding-right:20px;}

#div1 ul li img { width: 200px; height: 150px; display: inline-block;}

a{ color: #B4B4B4; }

/style

script type="text/javascript"

window.onload=function(){

var odiv = document.getElementById('div1');

var oul = odiv.getElementsByTagName('ul')[0];

var ali = oul.getElementsByTagName('li');

var spa = -2;

oul.innerHTML=oul.innerHTML+oul.innerHTML;

oul.style.width=ali[0].offsetWidth*ali.length+'px';

function move(){

if(oul.offsetLeft-oul.offsetWidth/2){

oul.style.left='0';

}

if(oul.offsetLeft0){

oul.style.left=-oul.offsetWidth/2+'px'

}

oul.style.left=oul.offsetLeft+spa+'px';

}

var timer = setInterval(move,30)

odiv.onmousemove=function(){clearInterval(timer);}

odiv.onmouseout=function(){timer = setInterval(move,30)};

document.getElementsByTagName('a')[0].onclick = function(){

spa=-2;

}

document.getElementsByTagName('a')[1].onclick = function(){

spa=2;

}

}

/script

/head

body

a href="#" style=" display: block; margin:0 auto; width: 50px;"向左走/a

a href="#" style=" display: block; margin:0 auto; width: 50px;"向右走/a

div id="div1"

ul

liimg src="img/1.jpg"//li

liimg src="img/2.jpg"//li

liimg src="img/3.jpg"//li

liimg src="img/4.jpg"//li

/ul

/div

/body

/html

关于php滚动加载数据和php加载js的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。