ZIPAdaptor :: jQuery content slider 1.26MB

weixin_42234082

资源文件列表:

Adaptor jQuery content slider.zip 大约有43个文件
  1. Adaptor jQuery content slider/
  2. Adaptor jQuery content slider/1.jpg 62.98KB
  3. Adaptor jQuery content slider/css/
  4. Adaptor jQuery content slider/css/config.rb 845B
  5. Adaptor jQuery content slider/css/img/
  6. Adaptor jQuery content slider/css/img/box-shadow.png 11.25KB
  7. Adaptor jQuery content slider/css/img/next-prev-sprite-hover.png 9.01KB
  8. Adaptor jQuery content slider/css/img/next-prev-sprite.png 5.51KB
  9. Adaptor jQuery content slider/css/img/page-bg.png 1.2KB
  10. Adaptor jQuery content slider/css/sass/
  11. Adaptor jQuery content slider/css/sass/screen.scss 2.35KB
  12. Adaptor jQuery content slider/css/sass/_base.scss
  13. Adaptor jQuery content slider/css/screen.css 5.69KB
  14. Adaptor jQuery content slider/css/style.css 1020B
  15. Adaptor jQuery content slider/img/
  16. Adaptor jQuery content slider/img/demo-mockup.psd 1.7MB
  17. Adaptor jQuery content slider/img/finding-the-key.jpg 139.44KB
  18. Adaptor jQuery content slider/img/hiding-the-map.jpg 108.78KB
  19. Adaptor jQuery content slider/img/lets-get-out-of-here.jpg 124.54KB
  20. Adaptor jQuery content slider/img/the-battle.jpg 99.92KB
  21. Adaptor jQuery content slider/img/theres-the-buoy.jpg 116.21KB
  22. Adaptor jQuery content slider/index.html 4.97KB
  23. Adaptor jQuery content slider/index.jpg 13.37KB
  24. Adaptor jQuery content slider/js/
  25. Adaptor jQuery content slider/js/box-slider-all.jquery.min.js 8.71KB
  26. Adaptor jQuery content slider/js/box-slider.jquery.js 9.97KB
  27. Adaptor jQuery content slider/js/effects/
  28. Adaptor jQuery content slider/js/effects/box-slider-fx-blinds.js 3.82KB
  29. Adaptor jQuery content slider/js/effects/box-slider-fx-fade.js 1.04KB
  30. Adaptor jQuery content slider/js/effects/box-slider-fx-scroll-3d.js 5.58KB
  31. Adaptor jQuery content slider/js/effects/box-slider-fx-scroll.js 2.31KB
  32. Adaptor jQuery content slider/js/lib/
  33. Adaptor jQuery content slider/js/lib/jquery-1.7.2.min.js 92.62KB
  34. Adaptor jQuery content slider/js/lib/modernizr.min.js 6.66KB
  35. Adaptor jQuery content slider/test/
  36. Adaptor jQuery content slider/test/index.html 1.44KB
  37. Adaptor jQuery content slider/test/jasmine-1.2.0/
  38. Adaptor jQuery content slider/test/jasmine-1.2.0/jasmine-html.js 18.62KB
  39. Adaptor jQuery content slider/test/jasmine-1.2.0/jasmine.css 6.29KB
  40. Adaptor jQuery content slider/test/jasmine-1.2.0/jasmine.js 67.03KB
  41. Adaptor jQuery content slider/test/jasmine-1.2.0/MIT.LICENSE 1.04KB
  42. Adaptor jQuery content slider/test/spec/
  43. Adaptor jQuery content slider/test/spec/box-slider.js 2.63KB

资源介绍:

Adaptor :: jQuery content slider
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Adaptor :: jQuery content slider</title> <link href='http://fonts.googleapis.com/css?family=Aldrich' rel='stylesheet'> <link href="css/screen.css" rel="stylesheet"> <script src="js/lib/modernizr.min.js"></script> </head> <body> <div id="page"> <section> <header> <hgroup> <h1>Adaptor</h1> <h2>jQuery content slider</h2> </hgroup> </header> <div id="viewport-shadow"> <a href="#" id="prev" title="go to the next slide"></a> <a href="#" id="next" title="go to the next slide"></a> <div id="viewport"> <div id="box"> <figure class="slide"> <img src="img/the-battle.jpg"> </figure> <figure class="slide"> <img src="img/hiding-the-map.jpg"> </figure> <figure class="slide"> <img src="img/theres-the-buoy.jpg"> </figure> <figure class="slide"> <img src="img/finding-the-key.jpg"> </figure> <figure class="slide"> <img src="img/lets-get-out-of-here.jpg"> </figure> </div> </div> <div id="time-indicator"></div> </div> <footer> <nav class="slider-controls"> <ul id="controls"> <li><a class="goto-slide current" href="#" data-slideindex="0"></a></li> <li><a class="goto-slide" href="#" data-slideindex="1"></a></li> <li><a class="goto-slide" href="#" data-slideindex="2"></a></li> <li><a class="goto-slide" href="#" data-slideindex="3"></a></li> <li><a class="goto-slide" href="#" data-slideindex="4"></a></li> </ul> </nav> </footer> </section> <aside id="effect-switcher"> <h2>Select effect</h2> <ul id="effect-list"> <li><a href="#" class="effect current" data-fx="scrollVert3d">Vertical 3D scroll</a></li> <li><a href="#" class="effect" data-fx="scrollHorz3d">Horizontal 3D scroll</a></li> <li><a href="#" class="effect" data-fx="scrollVert">Vertical scroll</a></li> <li><a href="#" class="effect" data-fx="scrollHorz">Horizontal scroll</a></li> <li><a href="#" class="effect" data-fx="blindLeft">Blind left</a></li> <li><a href="#" class="effect" data-fx="blindDown">Blind down</a></li> <li><a href="#" class="effect" data-fx="fade">Fade</a></li> </ul> </aside> <footer id="credits"> <p>from:<a href="http://www.philparsons.co.uk" target="_blank">Phil Parsons</a> web:<a href="http://www.htmldivcss.com/" target="_blank">htmldivcss.com</a> thank:<a href="http://www.davehillphoto.com/" target="_blank">Dave Hill</a></p> <p>{download}</p> <p>{content}</p> <p>{google_729x90}</p> </footer> </div> <script src="//code.jquery.com/jquery-1.7.2.min.js"></script> <script>window.jQuery || document.write('<script src="js/lib/jquery-1.7.2.min.js"><\/script>')</script> <script src="js/box-slider-all.jquery.min.js"></script> <script> $(function () { var $box = $('#box') , $indicators = $('.goto-slide') , $effects = $('.effect') , $timeIndicator = $('#time-indicator') , slideInterval = 5000; var switchIndicator = function ($c, $n, currIndex, nextIndex) { $timeIndicator.stop().css('width', 0); $indicators.removeClass('current').eq(nextIndex).addClass('current'); }; var startTimeIndicator = function () { $timeIndicator.animate({width: '680px'}, slideInterval); }; // initialize the plugin with the desired settings $box.boxSlider({ speed: 1000 , autoScroll: true , timeout: slideInterval , next: '#next' , prev: '#prev' , pause: '#pause' , effect: 'scrollVert3d' , blindCount: 15 , onbefore: switchIndicator , onafter: startTimeIndicator }); startTimeIndicator(); // pagination isn't built in simply because it's easy to // roll your own with the plugin API methods $('#controls').on('click', '.goto-slide', function (ev) { $box.boxSlider('showSlide', $(this).data('slideindex')); ev.preventDefault(); }); $('#effect-list').on('click', '.effect', function (ev) { var $effect = $(this); $box.boxSlider('option', 'effect', $effect.data('fx')); $effects.removeClass('current'); $effect.addClass('current'); switchIndicator(null, null, 0, 0); ev.preventDefault(); }); }); </script> </body> </html>
100+评论
captcha
    相关资源
    类型标题大小时间
    ZIPalimama首页6屏JS图片展示代码662.81KB7月前
    ZIPjs 轮播 特效 代码 轮播图带文字特效401.05KB7月前
    ZIP解决oracle退格键乱码问题3.08MB7月前
    ZIPC# Winform 桌面应用页面切换！好看的页面切换实现过程247.64KB7月前
    ZIPSTM32 集成FreeMaster28.47MB7月前
    ZIPSTM32驱动MPU6050文件413.87KB7月前
    ZIP56075472969450webShopping--idea.zip50.1MB7月前
    ZIPA*和DWA融合理论实现65.87KB7月前