简洁实用的jQuery焦点幻灯插件——slidesjs

发布时间:2013/10/9 标签: jQuery插件 分类:jQuery

随着互联网的发展,WEB已经是大势所趋,各种前端技术也越来越受欢迎!发展了多年的JS再次受到各大技术型公司的热捧,随着而来也出现了很多的 Js框架,其中国外最有名的如:jQuery,Dojo,Ext,Prototype等,国内有名的如:百度开发的tangram,淘宝开发的KISSY 等。

随着浏览器的进化和JS受到热捧,Flash部分功能已经逐渐被取代了!如现在网站上的幻灯焦点图,基本已经成为网站的标配效果!下面我将为大家介绍一款简洁实用的jQuery焦点幻灯插件-slidesjs

界面预览图效果如下:

slidesjs官网:http://slidesjs.com/

3.0新版本支持响应式效果,CSS3动画效果。

官网提供了六种默认效果:

简单使用如下:

<!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="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">
  </div>
</body>
</html>

此插件简单易用,小巧灵活,推荐使用!如想配置更多效果,请查看官网:http://slidesjs.com/

若你对英文不是太感冒,也可以留言咨询或者加QQ群:233808513

现代浏览器推荐

做为一名前端人员,您有责任且有义务让用户升级浏览器拥有完美的浏览体验,与国际接轨,同时让更多的前端人员不再苦逼! 本站将不再支持IE9以下的版本!

QQ交流群

学习使人进步,交流让人提高!

Bootstrap/HTML5/CSS3交流群:233808496

Orchard/Nopcommerce/Umbraco交流群:187502451

Bootstrap/HTML5/CSS3交流二群:385480040