首頁猿問輪播圖的 if 判斷語句

輪播圖的 if 判斷語句

Java JavaScript

Anoxia_ 2017-09-02 16:53:19

<body> ????????<div?id="box"> ????????????<div?id="picture"?style="left:?-600px;"> ????????????????<img?src="img/5.jpg"/> ????????????????<img?src="img/1.jpg"/> ????????????????<img?src="img/2.jpg"/> ????????????????<img?src="img/3.jpg"/> ????????????????<img?src="img/4.jpg"/> ????????????????<img?src="img/5.jpg"/> ????????????????<img?src="img/1.jpg"/> ????????????</div> ????????????<div?id="button"> ????????????<a?href="#"?id="left_a"><img?src="img/箭頭左.png"/></a> ???????????? ????????????<a?href="#"?id="right_a"><img?src="img/箭頭右.png"/></a> ????????</div> ????????</div> ???????? ????</body>window.onload?=?function(){ ?????var?container?=?document.getElementById('box'); ?????var?list??=??document.getElementById('picture'); ?????var?prev?=?document.getElementById('left_a'); ?????var?next?=?document.getElementById('right_a'); ????? ?????function?animate(offset){ ???????????var?newLeft?=?parseInt(list.style.left)?+?offset;?/*獲取到當(dāng)前的left的值加上600(-600)賦值給變量*/ //?????????3600+600 ?????????var?time?=?300?;?/*位移的總時間*/ ?????????var?interval?=?10?;/*位移的間隔時間*/ ?????????var?speed?=?offset/(time/interval);?/*偏移量除于時間）*/ ????????? ?????????function?go(){ ?????????????if((speed<0?&&?parseInt(list.style.left)>newLeft)?||?(speed>0?&&?parseInt(list.style.left)<newLeft)){ ????????????????? ?????????????????list.style.left?=?parseInt(list.style.left)?+?speed?+?'px'?/*每次偏移的量*/ ?????????????????setTimeout(go,interval)?/*每10毫秒偏移一次*/ ?????????????}else{ ?????????????????list.style.left?=?newLeft?+?'px' ?????????????????if(newLeft?>?-600){ ?????????????????????list.style.left?=?-3000?+?'px' ?????????????????} ?????????????????if(newLeft?<?-3000){ ?????????????????????list.style.left?=?-600?+?'px' ?????????????????} ?????????????} ?????????} ?????????go(); ????????? ?????} ?????next.onclick?=?function(){? ?????????animate(-600); ?????} ?????prev.onclick?=?function(){ ?????????animate(600); ?????} ?}假設(shè) -600 向 -1200 偏移 .判斷 parseInt(-600)大于newLeft(-1200)通過setTimeout()不斷使-600變小，直到list.style.left 變成-1200 然后執(zhí)行else ?我這樣理解對不對 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

查看完整描述