Nivoslider插件參數和方法一覽表
| 參數/方法 | 描述 | 默認值 |
| 基本 | ||
| effect | 圖片切換效果。提供了11種效果：'sliceDownRight','sliceDownLeft','sliceUpRight','sliceUpLeft', 'sliceUpDown','sliceUpDownLeft', 'fold','fade','slideInRight','slideInLeft'，諸如漸入漸出，滑動，百葉窗等等都有。 | random |
| animSpeed | 圖片切換速度（毫秒） | 500 |
| pauseTime | 圖片停留時間（毫秒） | 3000 |
| startSlide | 開始切換的位置（即從第幾張圖開始切換）。 | 0 |
| directionNav | 是否使用左右按鈕導航 | true |
| directionNavHide | 是否當鼠標滑上圖片時出現左右導航按鈕 | true |
| controlNav | 是否使用導航控制條，即顯示每張圖片的按鈕 | true |
| controlNavThumbs | 是否使用縮略圖控制導航 | false |
| controlNavThumbsFromRel | 是否使用圖片的rel屬性關聯縮略圖 | false |
| controlNavThumbsSearch | 縮略圖類型 | '.jpg' |
| controlNavThumbsReplace | 縮略圖后綴 | '_thumb.jpg' |
| keyboardNav | 是否支持鍵盤方向鍵切換（貌視IE不支持） | true |
| pauseOnHover | 當鼠標滑向圖片時，停止切換 | true |
| manualAdvance | 是否不自動切換，當為true時，需要手動切換 | false |
| captionOpacity | 設置圖片標題說明的背景透明度 | 0.8 |
| 方法 | ||
| beforeChange | 當發生切換前，回調函數 | |
| afterChange | 當發生切換后，回調函數 | |
| slideshowEnd | 完成所有的切換動作后，回調函數 | |
| lastSlide | 切換最后一張圖片時，回調函數 | |
| afterLoad | 當加載完成時，回調函數 | |
二次開發Nivoslider
需要注意使用以下一些東西：id=slider,
<div class="slider-wrapper theme-default">
<div class="ribbon"></div>
<div id="slider" class="nivoSlider">
<img src="images/1.jpg" alt="" title="HTML5 with jQuery plugin Qucksand " />
<img src="images/2.jpg" alt="" title="HTML5 with jQuery plugin Reel " />
<img src="images/3.jpg" alt="" data-transition="sliceDown" title="HTML5 with jQuery plugin Qucksand " />
<img src="images/4.jpg" alt="" title="#htmlcaption" />
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({pauseTime: 3000});
});
</script>