搜尋

下一節: 点击第一行商品参数的文字颜色排他效果816 次播放

5 秒后自动播放下一节
  重新觀看

前端專案-尚優選【HTML/CSS/JS技術綜合實戰】

介紹 >
章節課件
第1章頁面佈局

專案簡介

05分鐘15秒

登入註冊佈局搭建

16分鐘17秒

清單佈局搭建

07分鐘14秒

logo以及搜尋框

07分鐘14秒

商品分類導航佈局

07分鐘19秒

路徑導航佈局

07分鐘33秒

路徑導航資料動態渲染

14分鐘49秒
第2章放大鏡效果

左側放大鏡佈局搭建

13分鐘27秒

放大鏡滑鼠移入移出效果

13分鐘41秒

放大鏡滑鼠移動實現蒙版元素的拖曳效果

16分鐘11秒

蒙版元素移動的邊界控制

06分鐘53秒

放大鏡移動實現大圖元素等比例移動效果

13分鐘33秒

放大鏡縮圖版面搭建效果

12分鐘50秒

放大鏡縮圖資料動態渲染

09分鐘06秒

點擊縮圖實現換小圖以及大圖效果

19分鐘15秒

實現縮圖點擊左右箭頭的圖片輪播效果原理分析

08分鐘09秒

計算每張圖片移動的距離以及ul移動的距離

17分鐘28秒
第3章右側商品

右側商品上半部詳情介紹的佈局搭建

24分鐘04秒

右側商品上半部詳解介紹資料動態渲染

15分鐘00秒

右側商品下半部商品參數佈局搭建

10分鐘12秒

右側商品下半部商品參數資料動態渲染

17分鐘04秒
第4章商品參數

點選第一行商品參數的文字顏色排他效果

16分鐘22秒

利用閉包函數來解決循環中事件裡面的變數問題

18分鐘28秒

實現選擇結果的版面搭建

04分鐘25秒

點擊商品參數實現對應結果的動態添加

18分鐘38秒

點選刪除按鈕實現刪除對應參數數據

19分鐘36秒

封裝價格變動函數

17分鐘32秒
第5章中間左側選項卡

購物車以及購買價格的版面搭建

08分鐘57秒

中間左側選項卡整體結構佈局搭建

13分鐘12秒

中間左側選項卡具體內容佈局搭建

10分鐘05秒
第6章中間右側選項卡

中間右側選擇搭配的整體結構佈局搭建

16分鐘54秒

選擇搭配中複選框選取狀態的套餐價連動效果

15分鐘57秒

中間右側選項卡佈局搭建

13分鐘27秒
第7章右側導覽列

封裝一個公共的選項卡函數並調用

18分鐘38秒

右側導覽列的上班部分搭建

09分鐘56秒

右側導覽列的中間版面搭建

15分鐘39秒

右側導覽列的點擊切換狀態實現

11分鐘15秒
  • 取消回覆傳送
  • 取消發佈筆記傳送