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

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

焦點圖輪播特效

難度初級
時長 1小時 1分
學習人數
綜合評分9.73
263人評價 查看評價
9.9 內容實用
9.7 簡潔易懂
9.6 邏輯清晰
  • Latest Chinese 中文 topics – The freeCodeCamp Forum
    查看全部
    0 采集 收起 來源:原理介紹

    2025-04-22

  • window.onload=function(){}//window.onload事件當文檔加載完后開始獲取元素


    聲明變量獲取元素時:

    在var中, document.getElementById('')獲取元素ID

    ? ? ? ? ? ? ? ? ?.getElementsTagName('')獲取標簽元素,注意獲取標簽元素時Element后面多一個s


    添加事件綁定:(觸發事件要做什么)

    ? ? 點擊箭頭next時,進行圖片位置偏移,即改變圖片的left值

    ? ? next.onclick = function(){

    ? ? ? ? list.style.left = parseInt(list.style.left) + 偏移參數 + 'px';

    }


    ? ? 封裝為函數:把正、負參數通過函數調用

    ? ? function jiantou(canshu){

    ? ? ? ? list.style.left = parseInt(list.style.left) + canshu + 'px';

    }

    ? ? next.onclick=function(){

    ? ? ? ? jiantou(-canshu)//輸入一個負的偏移參數

    }

    ? ? prev.onclick=function(){

    ? ? ? ? jiantou(+canshu)//輸入一個正的偏移參數

    }

    查看全部
    0 采集 收起 來源:箭頭切換

    2021-08-20

  • oo
    查看全部
    0 采集 收起 來源:箭頭切換

    2021-03-06

  • 無縫滾動 輪播圖 放大鏡 購物車 鼠標拖拽 狂亂小球 頂部和側邊導航條
    查看全部
    0 采集 收起 來源:原理介紹

    2021-01-24

  • setTimeout()的用法。

    查看全部
    0 采集 收起 來源:自動播放

    2020-05-11

首頁上一頁1234567下一頁尾頁

舉報

0/150
提交
取消
課程須知
您需要有HTML,CSS經驗,能使用CSS制作靜態頁面,并對JS基礎知識有一定的了解
老師告訴你能學到什么?
您將能掌握非常實用的焦點圖輪播特效的制作過程。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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