图片播放(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。

 

slide1

posted on 2012-03-05 17:16  snandy  阅读(1564)  评论(0编辑  收藏  举报