<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>jQuery+CSS3实现动画相册代码</title>
<link rel="stylesheet" href="css/jsdaima.css" />
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/scripts.js"></script>
</head>
<body>
<!-- 代码 开始 -->
<div id="gallery-container">
<ul class="items--small">
<li class="item"><a href="#"><img src="images/small-1.png" alt="" /></a></li>
<li class="item"><a href="#"><img src="images/small-2.png" alt="" /></a></li>
<li class="item"><a href="#"><img src="images/small-3.png" alt="" /></a></li>
<li class="item"><a href="#"><img src="images/small-4.png" alt="" /></a></li>
<li class="item"><a href="#"><img src="images/small-5.png" alt="" /></a></li>
<li class="item"><a href="#"><img src="images/small-6.png" alt="" /></a></li>
</ul>
<ul class="items--big">
<li class="item--big">
<a href="#">
<figure>
<img src="images/big-1.jpg" alt="" />
<figcaption class="img-caption">
Caption
</figcaption>
</figure>
</a>
</li>
<li class="item--big">
<a href="#">
<figure>
<img src="images/big-2.jpg" alt="" />
<figcaption class="img-caption">
Caption
</figcaption>
</figure>
</a>
</li>
<li class="item--big">
<a href="#">
<figure>
<img src="images/big-3.jpg" alt="" />
<figcaption class="img-caption">
Caption
</figcaption>
</figure>
</a>
</li>
<li class="item--big">
<a href="#">
<figure>
<img src="images/big-4.jpg" alt="" />
<figcaption class="img-caption">
Caption
</figcaption>
</figure>
</a>
</li>
<li class="item--big">
<a href="#">
<figure>
<img src="images/big-5.jpg" alt="" />
<figcaption class="img-caption">
Caption
</figcaption>
</figure>
</a>
</li>
<li class="item--big">
<a href="#">
<figure>
<img src="images/big-6.jpg" alt="" />
<figcaption class="img-caption">
Caption
</figcaption>
</figure>
</a>
</li>
</ul>
<div class="controls">
<span class="control icon-arrow-left" data-direction="previous"></span>
<span class="control icon-arrow-right" data-direction="next"></span>
<span class="grid icon-grid"></span>
<span class="fs-toggle icon-fullscreen"></span>
</div>
</div>
<script>
$(document).ready(function(){
$('#gallery-container').sGallery({
fullScreenEnabled: true
});
});
</script>
</body>
</html>
jQuery+CSS3实现动画相册代码.rar
需积分: 0 22 浏览量
更新于2024-06-23
收藏 2.78MB RAR 举报
jQuery+CSS3实现动画相册代码.rar
jQuery+CSS3实现动画相册代码.rar
jQuery+CSS3实现动画相册代码.rar
jQuery+CSS3实现动画相册代码.rar
jQuery+CSS3实现动画相册代码.rar
jQuery+CSS3实现动画相册代码.rar
jQuery+CSS3实现动画相册代码.rar
jQuery+CSS3实现动画相册代码.rar
jQuery+CSS3实现动画相册代码.rar
jQuery+CSS3实现动画相册代码.rar
jQuery+CSS3实现动画相册代码.rar
jQuery+CSS3实现动画相册代码.rar
jQuery+CSS3实现动画相册代码.rar
jQuery+CSS3实现动画相册代码.rar
jQuery+CSS3实现动画相册代码.rar
jQuery+CSS3实现动画相册代码.rar
jQuery+CSS3实现动画相册代码.rar
jQuery+CSS3实现动画相册代码.rar
jQuery+CSS3实现动画相册代码.rar
jQuery+CSS3实现动画相册代码.rar
jQuery+CSS3实现动画相册代码
强迫领导写Bug
- 粉丝: 310
- 资源: 68
最新资源
- STM32 IAP串口固件升级方案与上位机调试助手:一键操作,轻松实现固件更新,stm32 iap串口升级固件方案,提供上位机调试助手 ,核心关键词:STM32; IAP(In-Application
- geoipupdate-2.5.0-2.el7.x64-86.rpm.tar.gz
- LabView与Cognex框架集成:视觉处理流程详解,包括图像采集、处理、标定与内存管理,【labview联合cognex框架代码】 【主要包含内容】 1加载vpp,运行vpp,获取vpp结果数
- geoipupdate-cron-2.5.0-2.el7.x64-86.rpm.tar.gz
- 基于改进麻雀搜索算法的配电网优化模型研究:考虑可转移负荷与分布式能源的综合分析(附结果图5张),配电网优化模型matlab 考虑可转移负荷、中断负荷以及储能、分布式能源的33节点系统优化模型,采用改进
- geolite2-city-20180605-1.el7.x64-86.rpm.tar.gz
- geolite2-country-20180605-1.el7.x64-86.rpm.tar.gz
- "MD380与MD500变频器源码解析:高效转子电阻与漏感辨识方法,适用于TMS320F系列处理器",md380 md500, 变频器源码,全C,77版本,程序已验证,可提供HEX或.OUT文件供您测
- 基于Logistic函数的负荷需求响应模型:考虑电价激励下的实际负荷转移率研究及MATLAB编程实现,负荷需求响应模型 基于Logistic函数 采用matlab编程,考虑电价激励下的乐观响应和悲观响
- Labview与三菱FX3u PLC串口Modbus通讯,简单读写地址,PLC通讯参数直接设置,源码演示,无需额外编程的无协议通信实践,Labview与三菱FX3u串口通讯,无协议Modbus通讯,读
- STM32F103主控的4-20mA采集电路与RS485输出设计:原理图、PCB源文件及ADC采样与RS485通信源码全包含,4-20mA采集电路,主控为STM32F103,RS485输出 提供原理
- 电力市场节点出清电价详解:适合初入电力市场者,附带程序备注与参考文献解读,电力市场节点出清电价 程序备注清晰 适合刚刚接触电力市场的同学 部分参考文献《机组运行约束对机组节点边际电价的影响分析》
- 电力市场两阶段投标策略:基于闵可夫斯基加法的充电站投标模型与实时可调度潜力评估,两阶段市场投标策略 电力市场程序 提出了日前电力市场和实时电力市场下充电站的投标策 略 ,基于闵可夫斯基加
- SpringBoot实现博客管理系统
- 模块化多电平变换器(MMC)仿真研究:逼近调制与环流抑制策略及双闭环解耦控制揭秘,模块化多电平变器(MMC)matlab仿真 最近电平逼近调制-载波层叠-载波移相调制 二倍频负序环流抑制 子模块电容电
- Docker rootless模式运行容器