使用jQuery輕鬆生成滑動拼圖遊戲——jqPuzzle外掛簡介
jqPuzzle 這個jQuery外掛可以幫助你在自己的網頁上輕鬆生成滑動拼圖遊戲。選擇一張圖片放進你的網頁中，然後給它來點小小的魔法——jqPuzzle 會幫你把它變成滑動拼圖！你還可以根據自己的喜好對這個拼圖進行各種定製。太COOL了！
使用方法相當的簡單。首先，像所有jQuery外掛一樣，在<head> 標籤中引用所需要的檔案：
然後，在網頁中插入一張圖片，賦予它一個 jqPuzzle 類，一切OK!
進行過上面的兩步之後，您應該可以看到您的拼圖了。當然如果願意，這個外掛還有一些選項，允許您對這個拼圖進行定製。使用語法如下：
jqp[-LANGUAGE]-rROWS-cCOLS[-hHOLE][-sSHUFFLE_ROUNDS][-FLAGS]
把所有大寫字母的單詞變成您需要的值即可。另外，中括號[ ]中的部分都是可選的（包括中括號）。具體解釋如下：
* LANGUAGE: 介面語言程式碼。預設是英文。
* ROWS: 拼圖的行數 (從 3 到 9)。
* COLS: 拼圖的列數 (從3 到 9)。
* HOLE: 拼圖中“圖眼”的位置（即缺的那一塊的位置） (從 1 到 rows*columns), 預設是缺最右下角那塊。
* SHUFFLE ROUNDS: 把原圖進行多少次打亂。預設是 3 次
* FLAGS: 其它選項。您想用多少，就擺上多少，次序無所謂：
o S: 把拼圖的初始狀態設為已被打亂。
o N: 隱藏拼圖上的數字。
o A: 隱藏 'Shuffle' 按鈕。
o B: 隱藏 'Original' 按鈕。
o C: 隱藏 'Numbers' 按鈕。
o D: 隱藏 'moves' 移動步數。
o E: 隱藏 'seconds' 遊戲時間。
下面是一些例子：
三行五列，圖眼在5的位置：
德語介面，五行五列：
四行四列，打亂一次：
法語介面，三行三列，圖眼在5位置，初始隱藏拼圖上的數字、移動步數和遊戲時間：
德語介面，五行七列，初始拼圖是打亂狀態，隱藏“shuffle”按鈕和遊戲時間：
用我們熟悉的jQuery方式，在$(document).ready()中呼叫jqPuzzle()方法，則是另一種使用方式。來個例子：
使用這種方式，您可以對jqPuzzle這個外掛的所有功能進行控制。
至於jqPuzzle()這個方法，可以帶兩個可選的引數：
jqPuzzle(settings, texts)
其中 setting 這個引數的預設值定義如下：
如果您需要定製自己的拼圖，不用把這個 setting 整個重寫一遍，只要指出與預設值不同之處即可。例如：
第二個引數 texts 的作用一目瞭然，就是定義介面上所有的文字內容：
此外，這個外掛還支援使用CSS檔案進行外觀樣式的修改。我就偷個懶不寫了，您自己看看吧。當然最好的學習方法就是先看看演示，再下載這個外掛，親自動手修改各個引數觀察變化：