CSS样式：1.注意容器的overflow:hidden；仅有的显示窗口的图片并隐藏左侧和右侧。2.CSS3:after伪元素清除浮动，使用clear属性，包括在浮动元素末尾添加一个空divwithclear:both属性来关闭元素，其实就是使用:after伪元素方法也是通过添加一个元素来实现的，该元素的内容是一个点，并且在元素的末尾有一个clear:both属性。3、不管有多少小点，都要居中。CSS3:position&transform:translate(-50%)实现块元素百分比居中。静态渲染！JavaScriptpart1.找到触发左右箭头的元素！2.创建事件点击时改变偏移量的值3、判断偏移值是否为内容的宽度(#lis)；4.设置自动轮播事件，让一个timer定时器setInterval()执行多次！5.设置暂停轮播事件，clearInterval(timer);//shift移除定时器！6.将鼠标移出onmouseout，移入onmouseover轮播图片区域，执行自动和暂停轮播事件。7、设置圆点与对应图片同步切换的事件，点击圆点切换图片，闭包知识你懂的！我是初学者：学习前辈的博客：http://www.cnblogs.com/LIUYAN..。