jQuery集合多种过渡效果幻灯片插件jQuery Nivo Slider v2.5.1

模板网 2014-12-15

好吧……一直有人抱怨js版本的焦点图过渡效果太单调，今天介绍的这款jQuery插件Nivo Slider，除了一般该有的参数设置外，最大的亮点就是其集成了16种(v2.5.1)过渡效果 ，再加上对CSS的调整，效果相信已经可以和很多Flash版本的焦点图相媲美了…… 插件同时还支持缩略图导航以及键盘控制。

插件打包下载:jQuery集合多种过渡效果幻灯片插件jQuery Nivo Slider v2.5.1

插件官网:http://nivo.dev7studios.com

参数列表：

  effect: 'random',// 过渡效果

  slices: 15,

  boxCols: 8,

  boxRows: 4,

  animSpeed: 500,

  pauseTime: 3000,

  startSlide: 0, // 第几张开始，从0开始计算

  directionNav: true, // 是否显示上一张下一张按钮

  directionNavHide: true, // 是否只在经过时显示

  controlNav: true, // 序列导航：1、2、3、4...

  controlNavThumbs: false, // 图片导航

  controlNavThumbsFromRel: false, // 使用img的rel属性作为缩略图地址

  controlNavThumbsSearch: '.jpg', // 查找这个字符串...然后...

  controlNavThumbsReplace: '_thumb.jpg', // ...然后用这个字符串代替于缩略图的src

  keyboardNav: true, // 键盘控制（左右箭头）

  pauseOnHover: true, // 鼠标经过时暂停轮播

  manualAdvance: false, // 强制手动转换

  captionOpacity: 0.8,

  prevText: 'Prev',

  nextText: 'Next',

  beforeChange: function(){},

  afterChange: function(){},

  slideshowEnd: function(){}, // 所有显示完毕后触发

  lastSlide: function(){}, // 最后一张图显示时触发

  afterLoad: function(){} // 加载完毕时触发

效果截图:

相关文章

  1. 调用百度CDN提供的jQuery库来加速网站

    CDN公共库是指将常用的JS库存放在CDN节点，以方便广大开发者直接调用。与将JS库存放在服务器单机上相比，CDN公共库更加稳定、高速。 百度公共CDN为您的应用程序提供稳定、可靠、高速的服务，包含全球所有最流行的开源JavaScript库。 使用方法: 加载JS库，复

  2. 医疗网站常用的左右滑动Banner效果_jquery插件

    医疗网站常用的左右滑动Banner效果_jquery插件，使用简单。 在线演示 使用方法： 1.在网页中引入一下代码： 复制代码 代码如下: link href=css/slide.css rel=stylesheet type=text/css / script type=text/javascript src=js/jquery.js/script script type=

  3. jQuery实现的返回顶部功能

    jQuery实现的返回顶部功能

  4. jQuery集合多种过渡效果幻灯片插件jQuery Nivo Slider v2.5.1

    好吧一直有人抱怨js版本的焦点图过渡效果太单调，今天介绍的这款jQuery插件Nivo Slider，除了一般该有的参数设置外，最大的亮点就是其集成了16种(v2.5.1)过渡效果 ，再加上对CSS的调整，效果相信已经可以和很多Flash版本的焦点图相媲美了 插件同时还支持缩略

  5. jquery.md5.js下载

    jquery.md5.js下载 使用方法 复制代码 代码如下: script type=text/javascript src=jquery.min.js/script script type=jquery.md5.js/script script type=text/javascript alert($.md5(test)); /script 点击下载 官网:https://github.com/placemarker/jQuery

随机推荐

  1. 调用百度CDN提供的jQuery库来加速网站

    CDN公共库是指将常用的JS库存放在CDN节点，以方便广大开发者直接调用。与将JS库存放在服务器单机上相比，CDN公共库更加稳定、高速。 百度公共CDN为您的应用程序提供稳定、可靠、高速的服务，包含全球所有最流行的开源JavaScript库。 使用方法: 加载JS库，复

  2. 医疗网站常用的左右滑动Banner效果_jquery插件

    医疗网站常用的左右滑动Banner效果_jquery插件，使用简单。 在线演示 使用方法： 1.在网页中引入一下代码： 复制代码 代码如下: link href=css/slide.css rel=stylesheet type=text/css / script type=text/javascript src=js/jquery.js/script script type=

  3. jQuery实现的返回顶部功能

    jQuery实现的返回顶部功能

  4. jQuery集合多种过渡效果幻灯片插件jQuery Nivo Slider v2.5.1

    好吧一直有人抱怨js版本的焦点图过渡效果太单调，今天介绍的这款jQuery插件Nivo Slider，除了一般该有的参数设置外，最大的亮点就是其集成了16种(v2.5.1)过渡效果 ，再加上对CSS的调整，效果相信已经可以和很多Flash版本的焦点图相媲美了 插件同时还支持缩略

  5. jquery.md5.js下载

    jquery.md5.js下载 使用方法 复制代码 代码如下: script type=text/javascript src=jquery.min.js/script script type=jquery.md5.js/script script type=text/javascript alert($.md5(test)); /script 点击下载 官网:https://github.com/placemarker/jQuery