還是覺(jué)得for(i=0;i<buttons.length;i++){ if(buttons[i].className=='on'){ buttons[i].className=''; break; } 這里有點(diǎn)難理解，這里的i會(huì)變嗎？每次調(diào)用的時(shí)候是怎么運(yùn)行的呢
還是覺(jué)得for(i=0;i<buttons.length;i++){ if(buttons[i].className=='on'){ buttons[i].className=''; break; } 這里有點(diǎn)難理解，這里的i會(huì)變嗎？每次調(diào)用的時(shí)候是怎么運(yùn)行的呢
2017-03-13
自己在for語(yǔ)句后面設(shè)一個(gè)console.log(index);然后進(jìn)入sources調(diào)控下代碼，看看代碼怎么運(yùn)行自己就能看明白了，別人跟你說(shuō)了半天也不知道說(shuō)什么，代碼有何問(wèn)題都可以自己去調(diào)控下看看怎么運(yùn)行，還可以顯示代碼哪個(gè)地方錯(cuò)誤！
2017-02-28
因?yàn)槊看沃粫?huì)有一個(gè)被選中，所以會(huì)依次遍歷，也就是用for循環(huán)，找到前一個(gè)被選中的小點(diǎn)點(diǎn)（button下的某個(gè)span）,然后找到了，就將效果取消掉，也就是讓他不再有on這個(gè)類(lèi)名，所以才會(huì)有if花括號(hào)里面的內(nèi)容，能理解嗎
2015-12-25
這個(gè)break是在if語(yǔ)句里，終止只是終止了if語(yǔ)句。如果把break移到if外，就是終止for循環(huán)了。應(yīng)該是這樣吧
2015-10-25
你說(shuō)的這個(gè)我知道，要是i=0的時(shí)候，if的條件就成立，后面重復(fù)再調(diào)用這個(gè)函數(shù)，i的值會(huì)自增？還是說(shuō)i還是為0？這個(gè)每次不都是調(diào)用一次就終止循環(huán)了嗎？輪播的效果怎么做到的不懂！
<script type="text/javascript">
window.onload=function(){
var container=document.getElementById('container');
var list=document.getElementById('list');
var buttons=document.getElementById('buttons').getElementsByTagName('span');
var prev=document.getElementById('prev');
var next=document.getElementById('next');
var index=1;
//滾動(dòng)函數(shù)
function aa(x){
var nexLeft=parseInt(list.style.left)+x;
list.style.left=nexLeft+'px';
if(nexLeft<-3000){
list.style.left="-600px";
}
if(nexLeft>-600){
list.style.left="-3000px";
}
}
//小圓點(diǎn)切換函數(shù)
function bb(){
for(i=0;i<buttons.length;i++){
if(buttons[i].className=='on'){
buttons[i].className='';
break;
}
}
buttons[index-1].className='on';
}
next.onclick=function(){
if(index==5){
index=1;
}else{
index +=1;
}
bb();
aa(-600);
}
prev.onclick=function(){
if(index==1){
index=5;
}else{
index -=1;
}
bb();
aa(600);
}
}
</script>
?</head>
?<body>
<div id="container">
<div id="list" style="left: -600px;">
<img src="5.jpg" alt="1"/>
<img src="1.jpg" alt="1"/>
<img src="2.jpg" alt="2"/>
<img src="3.jpg" alt="3"/>
<img src="4.jpg" alt="4"/>
<img src="5.jpg" alt="5"/>
<img src="1.jpg" alt="5"/>
</div>
<div id="buttons">
<span index="1" class="on"></span>
<span index="2"></span>
<span index="3"></span>
<span index="4"></span>
<span index="5"></span>
</div>
<a href="javascript:;" id="prev" class="arrow"><</a>
<a href="javascript:;" id="next" class="arrow">></a>
</div>
</body>
2015-10-25
for 是個(gè)循環(huán)，循環(huán)的次數(shù)是根據(jù)bottons.length來(lái)定。for(初始化值; 初始值 < = 終止條件; 初始值自加或者自減)
初始化值沒(méi)變化一次，執(zhí)行一次
{ if(buttons[i].className=='on'){ buttons[i].className=''; break; }
這個(gè)方法體類(lèi)的內(nèi)容，如果某一個(gè)buttons[i]的className為on，就刪除這個(gè)class。循環(huán)結(jié)束，即使初始值還沒(méi)到到終止條件循環(huán)也結(jié)束。