原生JS实现风箱式demo,并封装了一个运动框架(实例代码)

声明，该DEMO依托于某个培训机构中，非常感谢这个培训结构。话不多说，现在开始改demo的制作。首先，在前端的学习过程中，轮播图是我们一定要学习的，所以为了更加高效的实现各种轮播图，封装了一个运动的框架。在该框架中兼容了不同的浏览器，并且允许传入opacity和z-index这样的属性，当然，像width,height,left,right这样常见的属性是必不可少的。利用该框架，可以实现非常棒的效果。所以现在开始正式做该DEMO。首先是index.html的制作。index.html的制作非常的简单，我们会将图片作为li的背景图片在javascript中进行插入。之后，我们进行CSS样式的调节。