<!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动画切换排序点击放大切换</title>
<link type="text/css" href="css/styles.css" rel="stylesheet" media="all" />
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.quicksand.js"></script>
<script type="text/javascript" src="js/jquery.easing.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
</head>
<body>
<div class="wrapper">
<div class="portfolio-content">
<ul class="portfolio-categ filter">
<li>选择分类:</li>
<li class="all active"><a href="#">All</a></li>
<li class="cat-item-1"><a href="#" title="Category 1">分类 1</a></li>
<li class="cat-item-2"><a href="#" title="Category 2">分类 2</a></li>
<li class="cat-item-3"><a href="#" title="Category 3">分类 3</a></li>
<li class="cat-item-4"><a href="#" title="Category 4">分类 4</a></li>
<li class="cat-item-5"><a href="#" title="Category 5">分类 5</a></li>
</ul>
<ul class="portfolio-area">
<li class="portfolio-item2" data-id="id-0" data-type="cat-item-1">
<div>
<span class="image-block">
<a class="image-zoom" href="images/big/b1.jpg" rel="prettyPhoto[gallery]" title="jquery相册代码 画廊效果 支持动画切换排序点击放大切换下一张"><img width="225" height="140" src="images/thumbs/1.jpg" alt="jquery相册代码 画廊效果 支持动画切换排序点击放大切换下一张" /></a>
</span>
<div class="home-portfolio-text">
<h2 class="post-title-portfolio"><a href="#">素材火</a></h2>
<p class="post-subtitle-portfolio">www.sucaihuo.com/</p>
</div>
</div>
</li>
<li class="portfolio-item2" data-id="id-1" data-type="cat-item-2">
<div>
<span class="image-block">
<a class="image-zoom" href="images/big/b2.jpg" rel="prettyPhoto[gallery]" title="jquery相册代码 画廊效果 支持动画切换排序点击放大切换下一张"><img width="225" height="140" src="images/thumbs/2.jpg" alt="jquery相册代码 画廊效果 支持动画切换排序点击放大切换下一张" /></a>
</span>
<div class="home-portfolio-text">
<h2 class="post-title-portfolio"><a href="#">素材火</a></h2>
<p class="post-subtitle-portfolio">www.sucaihuo.com/</p>
</div>
</div>
</li>
<li class="portfolio-item2" data-id="id-2" data-type="cat-item-2">
<div>
<span class="image-block">
<a class="image-zoom" href="images/big/b3.jpg" rel="prettyPhoto[gallery]" title="jquery相册代码 画廊效果 支持动画切换排序点击放大切换下一张"><img width="225" height="140" src="images/thumbs/3.jpg" alt="jquery相册代码 画廊效果 支持动画切换排序点击放大切换下一张" /></a>
</span>
<div class="home-portfolio-text">
<h2 class="post-title-portfolio"><a href="#">素材火</a></h2>
<p class="post-subtitle-portfolio">www.sucaihuo.com/</p>
</div>
</div>
</li>
<li class="portfolio-item2" data-id="id-3" data-type="cat-item-3">
<div>
<span class="image-block">
<a class="image-zoom" href="images/big/b4.jpg" rel="prettyPhoto[gallery]" title="jquery相册代码 画廊效果 支持动画切换排序点击放大切换下一张"><img width="225" height="140" src="images/thumbs/4.jpg" alt="jquery相册代码 画廊效果 支持动画切换排序点击放大切换下一张" /></a>
</span>
<div class="home-portfolio-text">
<h2 class="post-title-portfolio"><a href="#">素材火</a></h2>
<p class="post-subtitle-portfolio">www.sucaihuo.com/</p>
</div>
</div>
</li>
<li class="portfolio-item2" data-id="id-4" data-type="cat-item-3">
<div>
<span class="image-block">
<a class="image-zoom" href="images/big/b5.jpg" rel="prettyPhoto[gallery]" title="jquery相册代码 画廊效果 支持动画切换排序点击放大切换下一张"><img width="225" height="140" src="images/thumbs/5.jpg" alt="jquery相册代码 画廊效果 支持动画切换排序点击放大切换下一张" /></a>
</span>
<div class="home-portfolio-text">
<h2 class="post-title-portfolio"><a href="#">素材火</a></h2>
<p class="post-subtitle-portfolio">www.sucaihuo.com/</p>
</div>
</div>
</li>
<li class="portfolio-item2" data-id="id-5" data-type="cat-item-5">
<div>
<span class="image-block">
<a class="image-zoom" href="images/big/b6.jpg" rel="prettyPhoto[gallery]" title="jquery相册代码 画廊效果 支持动画切换排序点击放大切换下一张"><img width="225" height="140" src="images/thumbs/6.jpg" alt="jquery相册代码 画廊效果 支持动画切换排序点击放大切换下一张" /></a>
</span>
<div class="home-portfolio-text">
<h2 class="post-title-portfolio"><a href="#">素材火</a></h2>
<p class="post-subtitle-portfolio">www.sucaihuo.com/</p>
</div>
</div>
</li>
<li class="portfolio-item2" data-id="id-6" data-type="cat-item-4">
<div>
<span class="image-block">
<a class="image-zoom" href="images/big/b7.jpg" rel="prettyPhoto[gallery]" title="jquery相册代码 画廊效果 支持动画切换排序点击放大切换下一张"><img width="225" height="140" src="images/thumbs/7.jpg" alt="jquery相册代码 画廊效果 支持动画切换排序点击放大切换下一张" /></a>
</span>
<div class="home-portfolio-text">
<h2 class="post-title-portfolio"><a href="#">素材火</a></h2>
<p class="post-subtitle-portfolio">www.sucaihuo.com/</p>
</div>
</div>
</li>
<li class="portfolio-item2" data-id="id-7" data-type="cat-item-4">
<div>
<span class="image-block">
<a class="image-zoom" href="images/big/b8.jpg" rel="prettyPhoto[gallery]" title="jquery相册代码 画廊效果 支持动画切换排序点击放大切换下一张"><img width="225" height="140" src="images/thumbs/8.jpg" alt="jquery相册代码 画廊效果 支持动画切换排序点击放大切换下一张" /></a>
</span>
<div class="home-portfolio-text">
<h2 class="post-title-portfolio"><a href="#">素材火</a></h2>
<p class="post-subtitle-portfolio">www.sucaihuo.com/</p>
</div>
</div>
</li>
<li class="portfolio-item2" data-id="id-8" data-type="cat-item-3">
<div>
<span class="image-block">
<a class="image-zoom" href="images/big/b9.jpg" rel="prettyPhoto[gallery]" title="jquery相册代码 画廊效果 支持动画切换排序点击放大切换下一张"><img width="225" height="140" src="images/thumbs/9.jpg" alt="jquery相册代码 画廊效果 支持动画切换排序点击放大切换下一张" /></a>
</span>
<div class="home-portfolio-text">
<h2 class="post-title-portfolio"><a href="#">素材火</a></h2>
<p class="post-subtitle-portfolio">www.sucaihuo.com/</p>
</div>
</div>
</li>
<li class="portfolio-item2" data-id="id-9" data-type="cat-item-3">
<div>
<span class="image-block">
<a class="image-zoom" href="images/big/b10.jpg" rel="prettyPhoto[gallery]" title="jquery相册代码 画廊效果 支持动画切换排序点击放大切换下一张"><img width="225" height="140" src="images/thumbs/10.jpg" alt="jquery相册代码 画廊效果 支持动画切换排序点击放大切换下一张" />
</a>
</span>
<div class="home-portfolio-text">
<h2 class="post-titl
jquery动画切换排序点击放大切换.zip （58个子文件） 
js 
jquery.prettyPhoto.js 21KB jquery.easing.js 8KB jquery.min.js 91KB script.js 1KB jquery.quicksand.js 14KB css prettyPhoto.css 17KB styles.css 1004B
index.html 9KB images 
bkg-pat.png 177B prettyPhoto dark_rounded contentPattern.png 130B sprite.png 4KB btnNext.png 1KB btnPrevious.png 1KB
loader.gif 2KB light_rounded sprite.png 4KB btnNext.png 1KB btnPrevious.png 1KB loader.gif 2KB light_square sprite.png 3KB btnNext.png 1KB btnPrevious.png 1KB dark_square contentPattern.png 121B sprite.png 3KB btnNext.png 1KB btnPrevious.png 1KB facebook contentPatternLeft.png 137B default_thumbnail.gif 227B contentPatternTop.png 142B sprite.png 4KB btnNext.png 845B btnPrevious.png 828B contentPatternRight.png 136B contentPatternBottom.png 142B loader.gif 2KB thumbs 
2.jpg 31KB 10.jpg 47KB 6.jpg 41KB 1.jpg 42KB 12.jpg 48KB 5.jpg 38KB 8.jpg 32KB 11.jpg 38KB 3.jpg 37KB 7.jpg 36KB 9.jpg 48KB 4.jpg 30KB big b1.jpg 170KB b8.jpg 286KB b2.jpg 308KB b6.jpg 385KB b11.jpg 288KB b7.jpg 314KB b3.jpg 311KB b12.jpg 458KB b5.jpg 415KB b4.jpg 177KB b10.jpg 477KB b9.jpg 467KB资源评论
码云笔记
- 粉丝: 3w+
- 资源: 5850
最新资源
- 学校课程软件工程常见10道题目以及答案demo
- javaweb新手开发中常见的目录结构讲解
- 新手小白的git使用的手册入门学习demo
- 基于Java观察者模式的info-express多对多广播通信框架设计源码
- 利用python爬取豆瓣电影评分简单案例demo
- 机器人开发中常见的几道问题以及答案demo
- 基于SpringBoot和layuimini的简洁美观后台权限管理系统设计源码
- 实验报告五六代码.zip
- hdw-dubbo-ui基于vue、element-ui构建开发，实现后台管理前端功能.zip
- （Grafana + Zabbix + ASP.NET Core 2.1 + ECharts + Dapper + Swagger + layuiAdmin）基于角色授权的权限体系.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
