亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

焦點圖輪播特效

難度初級
時長 1小時 1分
學習人數
綜合評分9.73
263人評價 查看評價
9.9 內容實用
9.7 簡潔易懂
9.6 邏輯清晰

已采納回答 / 櫻桃小丸子的西瓜
這里他將第一張圖片放置在-600位置,大于-600就代表往右邊移動,但是向右移動后,左邊空出來的位置是空的,所以就讓最后面的圖片填充到前面。小于-3000也是這個意思,最右邊的圖片顯示到div中之后,這時最左邊圖片就是在-3000位置,再往左就會小于-3000,而這時再往左移動右邊就沒有圖片填充,所以前面的圖片再填充到后面

已采納回答 / 慕粉163845242
你代碼都不給出來我怎么知道,一般來說有這么幾個可能命名看是不是都能匹配上。2.對象是不是正確的獲取了。3.button.onclick = function(){};click后面沒有括號。你可以設置斷點跟蹤觀察一下你的代碼執行過程

已采納回答 / 我和我最后的倔強
這個錯誤不是說on這個類名沒定義,而是說'className'這個屬性沒定義,你之前的buttons獲取肯定有問題

已采納回答 / 慕粉3116392
大哥你用a標簽做的沒去掉下劃線呀

已采納回答 / 遐想也瘋狂
+=相當于 ?index=index+1 ? -=同理,既每次點擊的時候,對原index進行加減

已采納回答 / freeman
我試試給你解釋下假如前后不加一張圖片的話,圖片順序為[1,2,3,4,5],當你點到第 5 張圖時,再點“下一張”(就是要回到第 1 張圖那里),這時候,你想象下那個畫面,會一瞬間“刷刷刷”地閃過中間那幾張圖片才能到第 1 張圖那里,這樣,太難看了吧。為了解決這個問題,所以要在第 5 張那里加多一張 1 圖,圖片順序為 [1,2,3,4,5,1]。當你在第 5 張圖點下一張時,圖片滾動順序是這樣的:5 ----> (1) ----> 1,(注:中間的那個 1 是指后面多加的 1 圖),一旦到了...

已采納回答 / 慕粉2239296125
類似于數組,數組就是幾個數的集合,這里有七個圖,相當于包含七個數的數組,數組索引都是從0開始,而且索引是有序的,所以array[0]就是第一張圖!我是這么理解的,不知道對不對

已采納回答 / 慕粉3831533
把<div id='buttons'>下面的span加上index,依次index=‘1’--index=‘5’

已采納回答 / 鐵鐵
&lt;?&gt; 這兩個就是左右箭頭,然后通過css給添加樣式圓點就是五個小方塊,然后通過border-radius: 50%;讓它變原,再給背景顏色

已采納回答 / 慕粉3914370
設置原來圖片的大小 ? 根據圖片大小設置外面DIV的大小

已采納回答 / 慕粉3914370
用css改變樣式應該就可以啦,要注意兩個鼠標移動事件,全屏的話應該要刪除

已采納回答 / Pokeman
<...code...>我是這樣寫的,不過點擊事件函數里面index+=1和index-=1應該放在showButton();前面,如下next.onclick=function(){???? animate(-720);???? index+=1;???? showButton(); } prev.onclick=function(){???? animate(720);???? index-=1;???? showButton(); }

已采納回答 / 未知電阻Rx
?<div?id="list"?style="left:-600"> ?少加了px?<div?id="list"?style="left:-600px"> 這才是正確的

已采納回答 / 慕數據5775487
這里改一下就好了function Smove(a){ ? ? ? ? ?var newL=list.offsetLeft+a; ? ? ? ? ?list.style.left=newL+'px' ? ? ? ? ?if (newL<-3000) { ? ? ? ? ? list.style.left=-600+'px'; ? ? ? ? ?} ? ? ? ? ?else if(newL>-600){ ? ? ? ? ? list.style.left=-3000+'px'; ? ? ? ? ...
課程須知
您需要有HTML,CSS經驗,能使用CSS制作靜態頁面,并對JS基礎知識有一定的了解
老師告訴你能學到什么?
您將能掌握非常實用的焦點圖輪播特效的制作過程。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消