【免费】jQuery+CSS3实现动画相册代码.rar资源-CSDN下载

共33个文件

png：15个

jpg：12个

js：3个

需积分: 0 100 浏览量更新于2024-06-23 1 收藏 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实现动画相册代码

收起资源包目录

jQuery+CSS3实现动画相册代码.rar （33个子文件）

jQuery+CSS3实现动画相册代码

jquery-1.8.2.min.js 91KB

scripts.js 12KB

plugins.js 13KB

css

jsdaima.css 7KB

index.html 3KB

images

controls-light.png 2KB

big-6.jpg 54KB

small-7.png 81KB

big-4.jpg 58KB

small-4.png 66KB

small-2.png 78KB

big-2.jpg 53KB

small-9.png 78KB

small-10.png 68KB

big-11.jpg 49KB

small-12.png 73KB

big-3.jpg 52KB

small-8.png 75KB

small-11.png 71KB

big-8.jpg 61KB

big-9.jpg 59KB

controls-light2.png 3KB

big-1.jpg 62KB

controls-dark.png 2KB

small-6.png 74KB

small-1.png 74KB

big-5.jpg 80KB

big-7.jpg 60KB

big-12.jpg 81KB

big-10.jpg 46KB

small-5.png 83KB

small-3.png 67KB

动画000001.gif 1.19MB

身份认证购VIP最低享 7 折!

30元优惠券

资源推荐

资源预览

资源评论

<!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>