问鼎社区_成都问鼎科技官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 5799|回复: 0

[jquery插件] 无刷新加载插件 infinite-scroll

[复制链接]
发表于 2012-9-2 20:27:44 | 显示全部楼层 |阅读模式
http://www.infinite-scroll.com/

css
  1. <link rel="stylesheet" type="text/css" href="/sys_css/css.css"/>
  2. <style type="text/css">
  3. ul{ width:960px;overflow:hidden;  margin:0 auto; background:#ccc}
  4. li{ width:220px;  background:#aaa; float:left; margin:10px;}
  5. </style>
复制代码
html
  1. <ul class="masonry">
  2.         <li class="masonry_items">.....</li>
  3.         <li class="masonry_items">.....</li>
  4.         <li class="masonry_items">.....</li>
  5. </ul>
  6. <div id="page"><a href="2.html"></a></div>
复制代码
js
  1. try{
  2.                 var $container = $('.masonry');
  3.                 $('.masonry').infinitescroll({
  4.                         navSelector  : ".masonry_page",            
  5.                         nextSelector : ".masonry_page a",   
  6.                         itemSelector : ".masonry_items",
  7.                         loading: {
  8.                 finishedMsg: '已经加载完了',//结束显示信息
  9.                 img: '/sys_images/loading.gif',//loading图片
  10.                                 msgText:""
  11.                 }
  12.                 },
  13.                 function(newElements){
  14.                         var $newElems = $( newElements );
  15.                         $newElems.hide();
  16.                         $newElems.imagesLoaded(function(){
  17.                                 $newElems.fadeIn();
  18.                                 $container.masonry('appended',$newElems,true);                                 
  19.                         });
  20.                  });        
  21.                 $container.imagesLoaded(function(){
  22.                         $('.masonry').masonry({
  23.                                 itemSelector : '.masonry_items'
  24.                         });
  25.                 });
  26.         }catch(e){}
复制代码
实例参考 http://www.aiqipao.cn/zs/
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|Archiver|手机版|问鼎社区  

GMT+8, 2020-3-29 16:48 , Processed in 0.441308 second(s), 23 queries .

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表