今天我們想要使用jQuery分享一些整潔的網格導航效果。在我們的例子中，我們將向您展示如何瀏覽一組縮略圖的十種方法。我們將看看一些可能性以及如何應用效果。
今天我們想要使用jQuery分享一些整潔的網格導航效果。在我們的例子中，我們將向您展示如何瀏覽一組縮略圖的十種方法。我們將看看一些可能性以及如何應用效果。
看看所有的例子（你也可以導航到所有其他的例子）：
默認（顯示/隱藏）褪色順序淡入移動/淡入淡出順序移動/淡入順序移動/淡出反轉調整大小（顯示/隱藏）分散行移動順序移動/淡入（3行）
您可以使用滑鼠滾輪瀏覽縮略圖。
腳本所基於的HTML結構基本上是一個元素的列表，一些導航箭頭由一個容器與class和id「tj_container」包裝在一起。
讓我們看一個使用順序移動/淡入的例子：
$('#tj_container').gridnav({
rows : 2,
navL : '#tj_prev',
navR : '#tj_next',
type : {
mode : 'sequpdown',
speed : 400,
easing : '',
factor : 50,
reverse : false
}
});
以下參數可以被使用/設置：rows：要在網格中顯示的行數navL / navR：前一個和下一個導航元素的選擇器mode：動畫的類型; 你可以使用def | 淡化| seqfade | updown | sequpdown | showhide | 分散| 行速度：淡入淡出，seqfade，updown，sequpdown，showhide，disperse，rows的動畫速度easing：淡化，seqfade，updown，sequpdown，showhide，disperse，rows 的緩動效果factor： seqfade的每個項目動畫之間的延遲，sequpdown; 使用行時行移動的像素數量reverse：用於在使用sequpdown時反轉順序
我們希望你喜歡這些小小的效果，並找到它們有用！