課程
/前端開發
/HTML/CSS
/手把手從0打造電商網頁開發
怎么解決啊
2020-10-30
源自:手把手從0打造電商網頁開發 6-3
正在回答
看不到代碼,沒法判斷
????move(offset)?{????????????this.animate(offset?/*表示位移距離*/?)????????????????//?判斷有幾個索引值并賦值到num????????????const?num?=?this.indexbox.children[0].children.length????????????for?(let?i?=?0;?i?<?num;?i++)?{????????????????//遍歷所有索引的ul里面的li,修改classname為空????????????????this.indexbox.children[0].children[i].className?=?""????????????????????//把當前索引加成active樣式????????????????this.indexbox.children[0].children[this.index?-?1].className?=?"active"????????????}????????}????????/*該方法為緩慢的過渡效果*/????animate(offset)?{????????//?定義切換時間為1000毫秒?1秒????????const?time?=?1000????????????//稍微移動為0.1秒????????const?rate?=?100????????????//計算移動距離????????let?speed?=?offset?/?(time?/?rate)????????????//?計算目標位置使用parseFloat去掉單位????????let?goal?=?parseFloat(this.picBox.style.left)?-?offset????????this.animated?=?true????????//判斷是否到達目標位置????????let?animate?=?setInterval(()?=>?{?//計算去掉單位的目標絕對值減去目標位置的絕對值小于移動距離的絕對值????????????if?(this.picBox.style.left?==?goal?||?Math.abs(Math.abs(parseFloat(this.picBox.style.left))?-?Math.abs(goal))?<?Math.abs(speed))?{????????????????this.picBox.style.left?==?goal????????????????clearInterval(animate)????????????????this.animated?=?false????????????????if?(parseFloat(this.picBox.style.left)?==?0)?{????????????????????this.picBox.style.left?=?-this.sliders?*?this.sliderWidth?+?"px"????????????????}?else?if?(parseFloat(this.picBox.style.left)?==?-(this.sliders?+?1)?*?this.sliderWidth)?{????????????????????this.picBox.style.left?=?-this.sliderWidth?+?"px"????????????????}????????????}?else?{????????????????//未到達目標位置繼續移動????????????????this.picBox.style.left?=?parseFloat(this.picBox.style.left)?-?speed?+?"px"????????????}????????},?rate)????}????leftRight()?{????????this.box.querySelector(".left-box").addEventListener("click",?()?=>?{????????????console.log("left-box")????????????if?(this.animated)?{????????????????return????????????}????????????if?(this.index?-?1?<?1)?{????????????????this.index?=?this.sliders????????????}?else?{????????????????this.index--????????????}????????????this.move(-this.sliderWidth)????????})
你自己對一下吧
舉報
手把手教你實現電商網站開發之高仿京東商城網頁
1 回答出現這個是要怎么解決啊
1 回答我寫的代碼怎么 打不開,有沒有人出來解釋一下
1 回答后續需要添加新的iconfont圖標 怎么辦
1 回答common.css 沒有效果 求解。
1 回答用的是什么編譯器啊
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2021-05-18
看不到代碼,沒法判斷
你自己對一下吧