第一种(个人强烈推荐的)  infinite-scroll 插件

使用方法应该有很多人比我更了解。(写给不了解的人看的)

    
 
//在此之前必须先加载jq库以及infinite-scroll插件 路径别错了
//infinite-scroll 下载地址看下面   
 
var ias = $.ias({    
	container: ".listBox", //包含所有文章的元素    
	item: ".item", //对应的每篇文章元素    
	pagination: ".pagelist", //对应下面的分页元素    
	next: " .pagelist a[rel^=next] ", //下一页元素
	//这里是亮点了,也是我想了半天解决的。 
	//poscms分页里面 下一页带了 rel="next" 所以这个是获取.pagelist类下面的rel元素next的    
});    
ias.extension(new IASSpinnerExtension({    
	src: "HTTP://www.dedediy.com/img/load.gif",    
	html: '

'     }));     ias.extension(new IAStriggerExtension({     text: '点击加载更多', //此选项为需要点击时的文字     html: '{text}

',     offset: !1, //设置此项后,到 offset:2 页之后需要手动点击才能加载,offset:!1 则一直为无限加载     }));     ias.extension(new IASNoneLeftExtension({     text: '已经加载完成!', // 加载完成时的提示     html: '{text}

',     }));    

下面的分页 代码 就不需要我来教了

http://help.dayrui.com/21.html

{list action=module module=news page=1 pagesize=10 URLrule=index.PHP?page=[page]}
{$t.title}
{/list}
 {$pages} 


评论(0条)

请登录后评论
码农小编

码农小编 Rank: 4

0

0

1

( 此人很懒并没有留下什么~~ )

更多 推荐文章

标签云