注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

带时间轴的块状图片焦点图插件 jQuery Slider Evolution

媒体 fishcity 2312浏览

焦点图插件 jQuery Slider Evolution

jQuery Slider Evolution是一个jquery.slider插件实现的焦点图切换效果,鼠标悬停在焦点图上,显示左右按钮,支持手动切换,同时也显示暂停或者开始按钮,可以让你的焦点图暂时停止切换,底部带有切换时间进度条。灵活在的参数设置,使用容易方便。

jquery实例jQuery Slider Evolution 幻灯片使用方法

引入核心文件

  <link rel="stylesheet" type="text/css" href="jquery.slider.css" />
  <script type="text/javascript" src="http://libs.useso.com/js/jquery/1.7.1/jquery.min.js"></script>
  <script type="text/javascript" src="jquery.slider.min.js"></script>

构建html

 <div class="slider">
      <div>
        <a href="http://www.jqcool.net" target="_blank" ><img src="img/slide_1.jpg" alt=""/></a>
      </div>
      
      <div>
        <a href="http://www.jqcool.net" target="_blank" ><img src="img/slide_2.jpg" alt=""/></a>
      </div>
      
      <div>
        <a href="http://www.jqcool.net" target="_blank" ><img src="img/slide_3.jpg" alt=""/></a>
      </div>
      
      <div>
        <a href="http://www.jqcool.net" target="_blank" ><img src="img/slide_4.jpg" alt=""/></a>
      </div>

写入JS,初始化插件

  $(function($) {
    $(".slider").slideshow({
      width      : 900,
      height     : 325,
      transition : 'bar'
    });
  });

转载请注明:jQ酷 » 带时间轴的块状图片焦点图插件 jQuery Slider Evolution

下载地址:本站下载 | 百度云 | 官方下载
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。