图片播放（1）

一道题目，要求：在页面的固定区域内实现图片的展示

 

1） 每点击一次右箭头，图片区域向左滚动出一张图片，反之相同；

2） 当发现图片滚动到末尾时，响应的箭头变成不可点击状态；

3） 鼠标在图片区域内滑动滚轮，图片会随着鼠标滚轮的方向进行响应的滚动；

4） 当超过5秒没有任何交互操作时，进入自动滚动状态，间隔为5秒，到末尾时自动回到起始状态；

5） 要求使用jQuery-1.6以上版本，遵循web开发规范，js文件以plugin组件方式封装或采用jQueryUI Widget方式封装；

6） 可以使用原生JS开发，但要解决浏览器兼容问题，封装方式可参考CommonJS规范；

 

考核点：

1.       符合W3C标准

2.       实现功能与需求相符合

3.       命名规范合理、语义化

4.       代码结构清晰、简洁健壮，有良好缩进，可读性高

5.       代码质量优秀，含有大量开发技巧

 

 

这是原题，我使用了两种方式实现。一种原生JS，一种使用了jQuery。