jQuery图片切换效果

jQuery图片切换效果2951
这是一款jQuery图片切换展示插件。在这款jquery图片切换效果中,图片以网格方式排列,通过点击导航按钮,可以以不同的效果切换图片,有淡入淡出、滑动等等效果。HTML
<div id="tj_container" class="tj_container">  <div class="tj_nav">    <span id="tj_prev" class="tj_prev">Previous</span>    <span id="tj_next" class="tj_next">Next</span>  </div>  <div class="tj_wrapper">    <ul class="tj_gallery">      <li><a href="#"><img src="images/1.jpg" alt="image01" /></a></li>      ......    </ul>  </div></div>
以下是move/fade效果的调用方法。
$('#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 | fade | seqfade | updown | sequpdown | showhide | disperse | rowsspeed: fade, seqfade, updown, sequpdown, showhide, disperse, rows这些动画的速度。easing: fade, seqfade, updown, sequpdown, showhide, disperse, rows的easing效果。factor: seqfade和sequpdown的动画延时。如果使用rows效果则是每行的移动像素。reverse: 当使用sequpdown效果时用来改变方向。

也许你还喜欢