js实现的全屏图片滑块焦点图动画特效源码.zip资源-CSDN文库

共24个文件

jpg：12个

png：7个

js：2个

版权申诉

41 浏览量 2022-11-01 01:01:16 上传评论收藏 809KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

js实现的全屏图片滑块焦点图动画特效源码.zip （24个子文件）

132686907695787573

images

next.png 533B

index.js 4KB

2.jpg 24KB

1.jpg 39KB

6.jpg 52KB

ajax-loader.gif 3KB

prev.png 513B

3.jpg 36KB

5.jpg 41KB

bg3.png 223KB

1.png 66KB

4.jpg 33KB

thumbs

2.jpg 3KB

1.jpg 3KB

6.jpg 3KB

3.jpg 3KB

5.jpg 4KB

4.jpg 3KB

bg1.png 163KB

2.png 3KB

move.js 2KB

style.css 3KB

3.png 106KB

index.html 2KB

<!doctype html> <html> <head> <title>jquery视差滑块幻灯特效</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="images/style.css" /> <script src="images/move.js" type="text/javascript"></script> <script src="images/index.js" type="text/javascript"></script> </head> <body> <div class="wrapper"> </div> <div id="pxs_container" class="pxs_container"> <div class="pxs_bg"> <div class="pxs_bg1"></div> <div class="pxs_bg2"></div> <div class="pxs_bg3"></div> </div> <div class="pxs_loading">Loading images...</div> <div class="pxs_slider_wrapper"> <ul class="pxs_slider"> <li><img src="images/1.jpg" alt="First Image" /></li> <li><img src="images/2.jpg" alt="Second Image" /></li> <li><img src="images/3.jpg" alt="Third Image" /></li> <li><img src="images/4.jpg" alt="Forth Image" /></li> <li><img src="images/5.jpg" alt="Fifth Image" /></li> <li><img src="images/6.jpg" alt="Sixth Image" /></li> </ul> <div class="pxs_navigation"> <span class="pxs_next"></span> <span class="pxs_prev"></span> </div> <ul class="pxs_thumbnails"> <li><img src="images/thumbs/1.jpg" alt="First Image" /></li> <li><img src="images/thumbs/2.jpg" alt="Second Image" /></li> <li><img src="images/thumbs/3.jpg" alt="Third Image" /></li> <li><img src="images/thumbs/4.jpg" alt="Forth Image" /></li> <li><img src="images/thumbs/5.jpg" alt="Fifth Image" /></li> <li><img src="images/thumbs/6.jpg" alt="Sixth Image" /></li> </ul> </div> </div> <div class="footer"> </div> <script> var oLoad = getByClass(document.body, 'pxs_loading')[0]; var oImgBox = getByClass(document.body,'pxs_slider_wrapper')[0]; //var oEvent=ev||event; //var obj=oEvent.srcElement||oEvent.target; var imgs = document.getElementsByTagName('img'); for(var i=0;i<imgs.length;i++) { imgs[i].onload = function() { oLoad.style.display = 'none'; } oImgBox.style.display = 'block'; } </script> </body> </html>

评论收藏

内容反馈

版权申诉