代码改变世界

两种图片切换思路

2016-03-23 17:20  沧海哥哥  阅读(215)  评论(0)  编辑  收藏  举报

对于这样一个简单的图片切换效果，右边的按钮有两种解决方案：

思路一：先清空所有，然后给当前对象加上样式

for(var i=0;i<aLi.length;i++){
 aLi[i].className='';
 }
 this.className='active';


思路二：先清空上一个对象样式，然后再给当前对象添加样式
　　oldLi.className='';oldLi=this;this.className='active';     //引入一个变量缓存上一个对象

 

PS：两种思路各有优缺点，思路一简单，用处广，按钮多的时候影响速度。思路二速度快，按钮很多的情况下性能好，代码复杂。