<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>带收藏转载的jquery瀑布流 - php中文网</title>
<link rel="stylesheet" href="css/center.css" type="text/css" media="all">
<link rel="stylesheet" href="css/pbl.css" type="text/css" media="all">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.masonry.js"></script>
<script type="text/javascript" src="js/jquery.infinitescroll.js"></script>
<script type="text/javascript">
var isWidescreen=screen.width>=1280;
if(isWidescreen){document.write("<style type='text/css'>.demo{width:981px;}</style>");}
</script>
<style type="text/css">
.demo{width:981px;}
</style>
<script type="text/javascript">
function item_masonry(){
$('.item img').load(function(){
$('.infinite_scroll').masonry({
itemSelector: '.masonry_brick',
columnWidth:231,
gutterWidth:19
});
});
//columnWidth 函数递增控制div左边距
$('.infinite_scroll').masonry({
itemSelector: '.masonry_brick',
columnWidth:231,
gutterWidth:19
});
}
$(function(){
//滚动条下拉事件
function item_callback(){
$('.item').mouseover(function(){
$(this).css('box-shadow', '0 1px 5px rgba(35,25,25,0.5)');
//alert(1);
$('.btns',this).show();
}).mouseout(function(){
$(this).css('box-shadow', '0 1px 3px rgba(34,25,25,0.2)');
$('.btns',this).hide();
});
item_masonry();
}
item_callback();
$('.item').fadeIn();
var sp = 1
$(".infinite_scroll").infinitescroll({
navSelector : "#more",
nextSelector : "#more a",
itemSelector : ".item",
loading:{
img: "images/masonry_loading_1.gif",
msgText: '正在加载中....',
finishedMsg: '木有了,看看下一页',
finished: function(){
sp++;
if(sp>=10){ //到第10页结束事件
$("#more").remove();
$("#infscr-loading").hide();
$("#pagebox").show();
$(window).unbind('.infscr');
}
}
},errorCallback:function(){
$("#pagebox").show();
}
},function(newElements){
var $newElems = $(newElements);
$('.infinite_scroll').masonry('appended', $newElems, false);
$newElems.fadeIn();
item_callback();
return;
});
});
</script>
</head>
<body>
<!--瀑布流 start-->
<div class="pbl_container">
<div class="pblCon">
<div class="demo clearfix">
<div class="item_list infinite_scroll">
<div class="item masonry_brick">
<div class="item_t">
<div class="img"> <a href="http://php.cn" target="_blank"><img width="210" alt="20个圆角风格minimal图标" src="images/1.jpg" /></a>
<div class="btns">
<a href="http://php.cn" data-id="1092" class="Button2 Button11 WhiteButton ContrastButton repin_link notlogin"><em></em>转采<span class="num">(102)</span></a>
<div class="f-r"> <a href="http://php.cn" data-id="1092" class="Button2 Button11 WhiteButton ContrastButton likebuttonnotlogin"> <em></em><span class="text">收藏</span><span class="num">(0)</span> </a> </div>
<!-- 收藏 攒一个 结束-->
</div>
</div>
<div class="title"><em>T:</em><span><a href="http://php.cn" target="_blank">20个圆角风格minimal图标</a></span></div>
</div>
<div class="item_b clearfix">
<div class="items_likes fl"> <span>标签: <a href="http://php.cn">psd分层素材</a> <a href="http://php.cn">网页图标</a> </span> </div>
</div>
</div>
<!--item end-->
<div class="item masonry_brick">
<div class="item_t">
<div class="img"> <a href="http://php.cn" target="_blank"><img width="210" alt="154个网站开发常用图标下载" src="images/2.jpg" /></a>
<div class="btns">
<a href="http://php.cn" data-id="1092" class="Button2 Button11 WhiteButton ContrastButton repin_link notlogin"><em></em>转采<span class="num">(102)</span></a>
<div class="f-r"> <a href="http://php.cn" data-id="1092" class="Button2 Button11 WhiteButton ContrastButton likebuttonnotlogin"> <em></em><span class="text">收藏</span><span class="num">(0)</span> </a> </div>
<!-- 收藏 攒一个 结束-->
</div>
</div>
<div class="title"><em>T:</em><span><a href="http://php.cn" target="_blank">154个网站开发常用图标下载</a></span></div>
</div>
<div class="item_b clearfix">
<div class="items_likes fl"> <span>标签: <a href="http://php.cn">psd分层素材</a> <a href="http://php.cn">网页图标</a> </span> </div>
</div>
</div>
<!--item end-->
<div class="item masonry_brick">
<div class="item_t">
<div class="img"> <a href="http://php.cn" target="_blank"><img width="210" alt="3D立体网页图标下载" src="images/3.jpg" /></a>
<div class="btns">
<a href="http://php.cn" data-id="1092" class="Button2 Button11 WhiteButton ContrastButton repin_link notlogin"><em></em>转采<span class="num">(102)</span></a>
<div class="f-r"> <a href="http://php.cn" data-id="1092" class="Button2 Button11 WhiteButton ContrastButton likebuttonnotlogin"> <em></em><span class="text">收藏</span><span class="num">(0)</span> </a> </div>
<!-- 收藏 攒一个 结束-->
</div>
</div>
<div class="title"><em>T:</em><span><a href="http://php.cn" target="_blank">3D立体网页图标下载</a></span></div>
</div>
<div class="item_b clearfix">
<div class="items_likes fl"> <span>标签: <a href="http://php.cn">psd分层素材</a> <a href="http://php.cn">网页图标</a> </span> </div>
</div>
</div>
<!--item end-->
<div class="item masonry_brick">
<div class="item_t">
<div class="img"> <a href="http://php.cn" target="_blank"><img width="210" alt="psd手机图标矢量图下载" src="images/4.jpg" /></a>
<div class="btns">
<a href="http://php.cn" data-id="1092" class="Button2 Button11 WhiteButton ContrastButton repin_link notlogin"><em></em>转采<span class="num">(102)</span></a>
<div class="f-r"> <a href="http://php.cn" data-id="1092" class="Button2 Button11 WhiteButton ContrastButton likebuttonnotlogin"> <em></em><span class="text">收藏</span><span class="num">(0)</span> </a> </div>
<!-- 收藏 攒一个 结束-->
</div>
</div>
<div class="title"><em>T:</em><span><a href="http://php.cn" target="_blank">psd手机图标矢量图下载</a></span></div>
</div>
<div class="item_b clearfix">
<div class="items_likes fl"> <span>标签: <a href="http://php.cn">psd分层素材</a> <a href="http://php.cn">网页图标</a> </span> </div>
</div>
</div>
<!--item end-->
<div class="item masonry_brick">
<div class="item_t">
<div class="img"> <a href="http://php.cn" target="_blank"><img width="210" alt="超炫手机图标素材下载含psd文件" src="images/5.jpg" /></a>
<div class="btns">
<a href="http://php.cn" data-id="1092" class="Button2 Button11 WhiteButton ContrastButton repin_link notlogin"><em></em>转采<span class="num">(102)</span></a>
<div class="f-r"> <a href="http://php.cn" data-id="1092" class="Button2 Button11 WhiteButto
带收藏转载的jquery瀑布流.rar
需积分: 0 78 浏览量
2024-06-23
14:01:45
上传
评论
收藏 513KB RAR 举报
带收藏转载的jquery瀑布流.rar （18个子文件） 
带收藏转载的jquery瀑布流 jiaoben1717 js 
jquery.infinitescroll.js 24KB jquery.masonry.js 15KB
带收藏转载的jquery瀑布流.png 88KB css pbl.css 8KB center.css 35KB
index.html 27KB images 
2.jpg 32KB 10.jpg 3KB 6.jpg 8KB
masonry_loading_1.gif 529B 1.jpg 27KB 5.jpg 6KB 8.jpg 3KB 3.jpg 5KB 7.jpg 3KB 9.jpg 5KB 4.jpg 11KB 动画000001.gif 313KB资源评论
强迫领导写Bug
- 粉丝: 1
- 资源: 68
最新资源
- AlmediaDev StyleControls v5.70 for Delphi XE2-12 Full Source.7z
- 支持向量机（Support Vector Machine，SVM）是一种强大且灵活的监督学习算法，用于分类和回归分析 以下是关于
- MobaXterm-Personal-20.2终端工具
- Python基于Opencv的鱼群密度速度检测系统
- 爬虫项目是指利用程序自动化地从互联网上获取信息的技术 这类项目通常涉及到网页抓取、数据解析和存储等步骤，是信息采集和分析的重要工
- 基于SSM框架的稿件管理系统设计与实现 (源码 + 说明文档 + 演示视频)
- 从计算机角度来谈论机器人的资源可以涵盖多个方面，包括软件、硬件、开发工具和相关平台 以下是一个关于机器人资源的综合介绍，从计算机
- 基于原生小程序实现的课程预约小程序
- 2024年bjtu计算机视觉课程必考知识点汇总
- 南瑞隔离装置手册 正向隔离
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
