两种图片切换思路

两种图片切换思路_第1张图片对于这样一个简单的图片切换效果,右边的按钮有两种解决方案:

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

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


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

 

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

 

转载于:https://www.cnblogs.com/canghaigg/p/5312006.html

你可能感兴趣的:(两种图片切换思路)