jQuery支持多方向滚动的焦点图插件
上下左右都能滚的焦点图，用起来还挺灵活的。jQuery 的动画方法配上定时器，响应也快，逻辑也简单。焦点图装在一个div容器里，li堆成一列或一行，用animate()推着走，视觉效果挺顺滑。
方向切换也考虑得比较全，鼠标滚轮、键盘方向键，甚至手机滑动都能识别。交互上不用担心，事件监听一加，判断滑动方向一判，滑哪边都能切。
想自动轮播？setInterval()搞定。中途要暂停？加个clearInterval()就完事。你还可以加个小圆点当指示器，或者加左右箭头手动切，都是用jQuery 事件绑定一套套起来的。
代码结构最好封装成一个jQuery 插件，复用起来更方便。以后你要在别的项目加焦点图，就一句话引入插件，几行代码就能搞定上下左右滚动。
如果你正好在做产品图轮播、首页 Banner 切换，或者移动端滑图，不妨试试看。用起来还挺顺手的，参考这几个案例会更有感觉：
嗯，用 jQuery 写这类交互，还是比较省心的，维护起来也不难。如果你还没试过多方向滚动的焦点图，可以先用这个练练手。
下载地址
用户评论
