課程
/前端開發
/JavaScript
/焦點圖輪播特效
制作輪播圖然后點擊沒效果
2017-04-25
源自:焦點圖輪播特效 4-1
正在回答
window.onload?=?function(){ var?g?=?function(idx)?{ return?document.getElementById(idx); } var?container?=?g('container'), list?=?g('list'), buttons?=?g('buttons').getElementsByTagName('span'), prev?=?g('prev'), next?=?g('next'), index?=?1; function?showBtn()?{ var?i?=?0, len?=?buttons.length; for(;i<len;)?{ if(buttons[i].className?==?'on')?{ buttons[i].className?=?''; } i++; } buttons[index?-?1].className?=?'on'; } function?animate(offset)?{ var?newLeft?=?parseInt(list.style.left)?+?offset; list.style.left?=?newLeft?+?'px'; if(newLeft?>?-600)?{ list.style.left?=?-3000?+?'px'; } if(newLeft?<?-3000)?{ list.style.left?=?-600?+?'px'; } } next.onclick?=?function?()?{ if(index?>=?buttons.length)?{ index?=?1; }?else?{ index?+=?1 } animate(-600); showBtn(); //list.style.left?=?parseInt(list.style.left)?-?600?+?'px'; } prev.onclick?=?function(){ if(index?<=?1)?{ index?=?buttons.length; }?else?{ index?-=?1; } animate(600); showBtn(); //list.style.left?=?parseInt(list.style.left)?+?600?+?'px'; } }
看看代碼有沒有打錯
舉報
通過本教程學習您將能掌握非常實用的焦點圖輪播特效的制作過程
2 回答為什么判斷語句寫在點擊事件函數體內沒有效果?如果要寫在點擊事件函數體內該怎樣寫?
2 回答為什么箭頭切換沒效果
2 回答為什么我的動畫效果沒有反應??
2 回答點擊id為next的元素它的left會-510px,為什么我這個代碼實現不了這個效果?
3 回答點擊NEXT了為什么圖片沒有進入下一張呢?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-08-06
2017-04-26
看看代碼有沒有打錯