* { margin:0; padding:0; } ul { list-style:none; } ul { width:800px; height:30px; margin:100px auto; background:url(http://www.jq22.com/img/cs/300x500-1.png) no-repeat; background-size:100px 30px; } ul li { float:left; width:100px; box-sizing:border-box; height:30px; border:1px solid red; }
用原生js实现最简单的,自己封装的运动框架,做出的小例子。运动框架部分可以单独存放,用到时直接调用即可。