SlidesJS - 老牌的响应式 jQuery 幻灯片插件

我会带着你远行 2022-03-28 08:16 393阅读 0赞

SlidesJS 是一款老牌的 [**jQuery**][jQuery] 幻灯片插件，经过多年的发展，已经成为一款功能齐全，设计精巧的幻灯片插件。支持循环、自动播放功能和淡入淡出过渡效果，并且能够自动生成分页，可以帮助开发者制作出优雅的幻灯片效果。

[![012053227271494.jpg][]][012053227271494.jpg 1]

[插件下载][Link 1] [效果演示][012053227271494.jpg 1]

使用示例：

<!doctype html>
    <head>
      <style>
        /* Prevents slides from flashing */
        #slides {
          display:none;
        }
      </style>
    
      <script src="http://code.jquery.com/jquery-latest.min.js"></script>
      <script src="jquery.slides.min.js"></script>
    
      <script>
        $(function(){
          $("#slides").slidesjs({
            width: 940,
            height: 528
          });
        });
      </script>
    </head>
    <body>
      <div id="slides">
        <img src="001.jpg">
        <img src="002.jpg">
        <img src="003.jpg">
        <img src="004.jpg">
        <img src="005.jpg">
      </div>
    </body>

您可能感兴趣的相关文章

*  [Web 开发中很实用的10个效果【附源码下载】][Web _10]
 *  [精心挑选的优秀jQuery Ajax分页插件和教程][jQuery Ajax]
 *  [12个让人惊叹的的创意的 404 错误页面设计][12_ 404]
 *  [让网站动起来！12款优秀的 jQuery 动画插件][12_ jQuery]
 *  [8个非常惊艳的 HTML5 和 JavaScript 特效][8_ HTML5 _ JavaScript]

本文链接：[Nivo Slider - 世界上最棒的 jQuery 图片轮播插件][Nivo Slider - _ jQuery][  
][Link 2]

编译来源：[梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源][_ _ _]

[jQuery]: http://www.cnblogs.com/lhb25/category/277997.html
[012053227271494.jpg]: /images/20220328/5744d45d67fb4ac09f666b829526e207.png
[012053227271494.jpg 1]: http://www.yyyweb.com/demo/slides-playing/index.html
[Link 1]: http://www.yyyweb.com/ctools/download.php?target=http%3A%2F%2Fdreamsky.github.io%2Fmain%2Fblog%2Fslides-playing%2Fslides-playing.rar
[Web _10]: http://www.cnblogs.com/lhb25/p/10-useful-web-effect.html
[jQuery Ajax]: http://www.cnblogs.com/lhb25/archive/2012/08/08/ajax-jquery-pagination-plugin-tutorial.html
[12_ 404]: http://www.yyyweb.com/271.html
[12_ jQuery]: http://www.cnblogs.com/lhb25/p/12-jquery-animation-plugins.html
[8_ HTML5 _ JavaScript]: http://www.yyyweb.com/492.html
[Nivo Slider - _ jQuery]: http://www.cnblogs.com/lhb25/p/jquery-nivo-slider-image-plugin.html
[Link 2]: http://www.cnblogs.com/lhb25/archive/2013/04/07/ivory-a-simple-and-flexible-framework.html
[_ _ _]: http://www.cnblogs.com/lhb25/