两侧图片模糊效果jQuery焦点图切换插件.zip资源-CSDN文库

共16个文件

jpg：9个

css：3个

js：2个

版权申诉

jquery代码

jquery特效

jquery插件

15 浏览量 2023-09-25 13:45:38 上传评论收藏 491KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

两侧图片模糊效果jQuery焦点图切换插件.zip （16个子文件）

slick.min.js 41KB

jquery-1.11.0.min.js 94KB

img

2.jpg 35KB

6.jpg 40KB

1.jpg 31KB

5.jpg 45KB

8.jpg 39KB

macbook.png 72KB

3.jpg 55KB

7.jpg 45KB

9.jpg 47KB

4.jpg 40KB

css

style.css 1KB

slick.min.css 1KB

normalize.css 2KB

index.html 2KB

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>两侧图片模糊效果jQuery焦点图切换插件</title> <link rel="stylesheet" type="text/css" href="css/normalize.css" /> <link rel='stylesheet prefetch' href='css/slick.min.css'> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body><script src="/demos/googlegg.js"></script> <div class="section section-project"> <div class="project-carousel"> <div class="project-strip"> <div class="project"><img src="img/1.jpg" alt=""/></div> <div class="project"><img src="img/2.jpg" alt=""/></div> <div class="project"><img src="img/3.jpg" alt=""/></div> <div class="project"><img src="img/4.jpg" alt=""/></div> <div class="project"><img src="img/5.jpg" alt=""/></div> <div class="project"><img src="img/6.jpg" alt=""/></div> <div class="project"><img src="img/7.jpg" alt=""/></div> <div class="project"><img src="img/8.jpg" alt=""/></div> <div class="project"><img src="img/9.jpg" alt=""/></div> </div> <div class="project-screen"> <div class="project-detail"> <div class="project"><img src="img/1.jpg" alt=""/></div> <div class="project"><img src="img/2.jpg" alt=""/></div> <div class="project"><img src="img/3.jpg" alt=""/></div> <div class="project"><img src="img/4.jpg" alt=""/></div> <div class="project"><img src="img/5.jpg" alt=""/></div> <div class="project"><img src="img/6.jpg" alt=""/></div> <div class="project"><img src="img/7.jpg" alt=""/></div> <div class="project"><img src="img/8.jpg" alt=""/></div> <div class="project"><img src="img/9.jpg" alt=""/></div> </div> <div class="screen-frame"></div> </div> </div> </div> <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script> <script src='js/slick.min.js'></script> <script type="text/javascript"> $(".project-detail").slick({ slidesToShow: 1, arrows: false, asNavFor: '.project-strip', autoplay: true, autoplaySpeed: 3000 }); $(".project-strip").slick({ slidesToShow: 5, slidesToScroll: 1, arrows: false, asNavFor: '.project-detail', dots: false, infinite: true, centerMode: true, focusOnSelect: true }); </script> </body> </html>

评论收藏

内容反馈

版权申诉