其实凭借着之前良好的代码结构，加入控制器很简单（^_^这也就是为什么我说刚开始的架构的代码结构很重要！） 　　先说一下加入控制器的思路： 根据轮播元素的个数为每一个元素添加一个对应的控制按钮，（这里我直接用a标签来做，考虑语义的话可以用ul或ol），考虑到书写样式的方便可以先create一个控制器父标签，然后依次把每个控制按钮append到控制器父标签，再把父标签append到我们的轮播模块中就ok了。然后再为对应的元素添加上对应的css样式即可 　　好了，说完思路，咱们动手开始，控制器的绘制应该在init()中。所以我们可以这样写： 发现了吧，咱们还缺个控制器当前的样式。所以还要添两句，一句添在init()中 this.curC = options.curNavClass?options.curNavClass:'fader-cur-nav'; //定义控制器当前样式变量，在pos()中把它赋给对应的那一个 在pos()中： for(var x=0;x<this.l;x++){ nav_wp.getElementsByTagName('a')[x].className = x==i?this.curC:'fader-nav'; //绑定当前控制器样式 } 这样就ok了，另外再加上当前状态的css样式： .fader-cur-nav{display:inline-block;margin-right:8px;color:#fff;padding:2px 6px;background:#ff7a00;border:1px solid #fff;font-family:Tahoma;font-weight:bold;font-size:12px;cursor:pointer;} 好了，这下基本上可以了，再看看效果： 恩，好了，上面这个效果其实大多数情况下已经够用了，不过有朋友有更多需求，想在底部加一个图片备注的层，这一个功能在下一部分实现吧！