简介

Nivoslider是一款基于jQuery的，能实现多种切换效果的图片切换插件。Nivoslider提供了11种切换效果，支持多种参数配置和方法函数调用，使用简单，是一款非常理想的图片切换插件。 

使用

1.  引入 jquery.js 、 nivo-slider.css 及 jquery.nivo.slider.js文件

2.  HTML

<div id="slider" class="nivoSlider">
        <a href="javascript:void(0);"><img src="images/s1.jpg" alt="" title="好漂亮的狗狗..."  /></a>
        <a href="javascript:void(0);"><img src="images/s2.jpg" alt="" title="图片标题..." /></a>
        <a href="javascript:void(0);"><img src="images/s3.jpg" alt="" title="#htmlcaption" /></a>
</div>
<div id="htmlcaption" class="nivo-html-caption">
        <strong>图片标题</strong>，支持HTML标签 <a href="http://www.helloweba.com">helloweba.com</a>.
</div>

3.  调用

<script type="text/javascript">
$(function() {
     $('#slider').nivoSlider();
});
</script>

相关链接

官网地址 ：https://themeisle.com/

演示地址 ：http://www.ibloger.net/assets/demos/jquery.nivo.slider/index.html