纯css,js原生，js原型，jquery四种方式实现轮播图效果

项目地址：

http://younglight.top/resume/projects/slide/index.html

项目描述：

本项目是一个较小的项目，分别通过css3、js原生、js原型、jquery四种不同的方式实现普通的轮播效果，滑动效果自然流畅，在主流浏览器新版本中兼容性较好。实例源代码中有自己条理清晰的注释及实现思路。可直接用于实际开发。

项目职责：

通过合理的html结构以及css3的animation动画属性等完成css轮播效果。

通过相框列表的定位属性，事件机制，setInterval()方法等实现原生js轮播效果。

通过js原型，原型继承，this等基础知识实现可复用的基于原型的轮播效果。

通过jquery选择器，jq动画效果等jq技术实现jq轮播效果。

项目总结：

通过做轮播图，使得自己对于css3的动画部分有了更加深刻的理解认识，同时也认识到了自己的不足。css3更加的强大的动画效果还是需要认真钻研。

使用js原生实现让我对于js中的事件机制，线程，性能优化，以及闭包this等概念都有了更加清楚的认识，总是在想办法实现更加流畅自然的轮播效果。

通过js原型的实现，让我对js原型以及this指向的认识不再仅仅是基于理论，让我开始重视自己的面向对象编程思想的培养。