今天我们将分享一些JQuery网格导航插件，在我们的例子中将告诉你10种利用缩略图实现的导航效果，我们还将看一下怎么使用这些效果。
具体的一些效果请点击预览来查看。
这个HTML结构基本上是一个列表的元素和一些导航箭包容器类和ID”tj_container”
让我们看一下例子：
1 2 3 4 5 6 7 8 9 10 11 12 | $('#tj_container').gridnav({ rows : 2, navL : '#tj_prev', navR : '#tj_next', type : { mode : 'sequpdown', speed : 400, easing : '', factor : 50, reverse : false } }); |
rows: the number of rows to be shown in the grid（行数）
navL/navR: the selectors for the previous and next navigation elements（上下箭头）
mode: the type of animation; you can use def | fade | seqfade | updown | sequpdown | showhide | disperse | rows（效果类型）
speed: the speed of the animation for fade, seqfade, updown, sequpdown, showhide, disperse, rows（播放速度）
easing: the easing effect for fade, seqfade, updown, sequpdown, showhide, disperse, rows
factor: delay between each item animation for seqfade, sequpdown; amount of pixels the row move when using rows
reverse: for reversing the order when using sequpdown
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： html5 SVG自定义复选框和单选按钮选中样式
- 下一个特效： jQuery下拉框插件jquery.select.js