使用步驟
1、引入css檔案
default.css 設定展示外掛程式所需的樣式，像控制導航鍵，導航按鈕樣式，當然你可以自己寫個樣式
nivo-slider控制樣式，外掛程式所需的css檔案
<link
rel="stylesheet"
href
="default/default.css"
>
<
link
rel="stylesheet"
href
="css/nivo-slider.css"
>
2、引入js檔案
<script
src="js/jquery-1.9.0.min.js"
>
script
>
<
script
src="js/jquery.nivo.slider.js"
>
script
>
3、在body標籤中加入以下格式的html**
如果你想給加個標題說明，可以使用title屬性，下會形成黑色橫條
如果你想讓標題有樣式或者鏈結，可以將的title屬性設定為像"#htmlcaption"，即#號後面緊跟指向的id，如上所示**，在id為htmlcaption的div中，你可以編輯你想要的html**，nivoslider外掛程式支援html的標題。
4、然後呼叫nivoslider外掛程式。
引數配置
引數名引數說明
引數型別
預設值effect
切換樣式
字串『random』
slices
針對slice樣式的切換級數，數字越大切換越慢過渡越小
數字15
boxcols
針對box樣式的切換列數，數字越大切換越慢過渡越小數字8
boxrows
針對box樣式的切換行數，數字越大切換越慢過渡越小數字4
animspeed
切換動畫的速度
數字500
pausetime
相鄰兩張幻燈片切換的間隔時間
數字3000
startslide
從第幾張開始切換數字0
directionn**
布林值true
controln**
是否顯示數字導航
布林值true
controln**thumbs
是否用縮圖導航
布林值false
pauseonhover
當滑鼠移到幻燈片上的時候是否暫停切換
布林值true
manualadvance
是否強制手動切換
布林值false
prevtext
』上一張『的文字
字串『prev』
nexttext
』下一張『的文字
字串『next』
randomstart
是否從一張隨機的開始切換
布林值false
beforechange
在幻燈片切換之前的**函式
函式function(){}
afterchange
在幻燈片切換之後的**函式
函式function(){}
slideshowend
在所有幻燈片都切換完畢後的**函式
函式function(){}
lastslide
在最後一張幻燈片顯示的**函式
函式function(){}
afterload
在幻燈片載入完成後的**函式
函式function(){}
示例**如下：
通過data-transition="***"來改變當前的切換樣式，不寫預設是隨機
如 <
切換效果
10個Jquery幻燈片外掛程式教程
當有大量的內容或者需要在你的 或者blog上展示的時候，以幻燈片滑動的方式是乙個不錯的選擇，這種效果常用於公司 或者個人blog。常聽有人說jquery 比較難學，只要你感興趣，實現幻燈片效果還是蠻有樂趣的，下面的jquery 幻燈片教程將引領你進入jquery外掛程式開發的喜悅中，希望對大家有幫助...
25個必須要學會的jQuery幻燈片外掛程式教程（上）
學會利用視差原理在滑動時移動不同的背景，以此來創造出一些漂亮的透視效果。訪問內容出處 訪問內容出處 這裡是乙個關於為乙個電腦商場製作乙個平滑的內容滾動器的教程，作為幫助手段，用到了jquery和mopslider外掛程式。訪問內容出處 這一教程製造出了一種經典的幻燈片播映方式，在和之間使用了不同的過...
Jquery簡單幻燈片
看了許多jquery的幻燈片，自己也想學著弄乙個，簡單是簡單了一點。不過研究過，還是比較安慰的啦，以下 並未在生產環境中使用過，如果您要在生產環境中使用，請慎重 slide frameid,framewidth,frameheight,ulid,isshow,intervaltime 外層物件id，...