浏览 1416 次
锁定老帖子 主题:图片播放(1)
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2012-02-13
一道题目,要求:在页面的固定区域内实现图片的展示
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。 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |