[JS作品]JS30系列30 – Whack A Mole
主題目標 製作一個打地鼠小遊戲 作品網址： Demo作品連結 JavaScript 30 作品目錄 處理步驟 步驟一： ...
0 Comments
2020 年 12 月 12 日
![Read more about the article [JS作品]JS30系列30 – Whack A Mole](https://stevenjhu.com/wp-content/uploads/2020/12/30-Whack-A-Mole.gif)
js30的作品集
![Read more about the article [JS作品]JS30系列29 – Countdown Timer](https://stevenjhu.com/wp-content/uploads/2020/12/29-Countdown-Timer.gif)
[JS作品]JS30系列29 – Countdown Timer
主題目標 製作一個倒數計時器，頁面上已經有固定秒數的選項，也有 form 的自訂時間的倒數。 作品網址： Demo作品連...
2020 年 12 月 11 日
![Read more about the article [JS作品]JS30系列28 – Video Speed Controller](https://stevenjhu.com/wp-content/uploads/2020/12/28-Video-Speed-Controller.gif)
[JS作品]JS30系列28 – Video Speed Controller
主題目標 使用 div 來製作一個速度條，來調整影片播放速度。需要實現的效果是當鼠標拖動滑塊時，實時改變視頻播放的速度。...
2020 年 12 月 10 日
![Read more about the article [JS作品]JS30系列27 – Click and Drag](https://stevenjhu.com/wp-content/uploads/2020/12/27-Click-and-Drag.gif)
[JS作品]JS30系列27 – Click and Drag
主題目標 拖拉畫面的時候等於移動卷軸，以達到移動的目的。 作品網址： Demo作品連結 JavaScript 30 作品...
2020 年 12 月 9 日
![Read more about the article [JS作品]JS30系列26-Stripe Follow Along Nav](https://stevenjhu.com/wp-content/uploads/2020/12/26-Stripe-Follow-Along-Nav.jpg)
[JS作品]JS30系列26-Stripe Follow Along Nav
主題目標 本次的編程任務需要實現的效果是當鼠標懸停於導航按鈕時，顯示對應下拉菜單的內容。 （說明：下拉菜單內容及白色背景...
2020 年 12 月 5 日
![Read more about the article [JS作品]JS30系列25-Event Capture, Propagation, Bubbling and Once](https://stevenjhu.com/wp-content/uploads/2020/12/錄製_2020_12_02_23_14_16_532.gif)
[JS作品]JS30系列25-Event Capture, Propagation, Bubbling and Once
主題目標 初始文檔index-start.html提供了3個尺寸不一的元素，本次挑戰是一次學習任務，主要了解學習DOM的...
2020 年 12 月 2 日
![Read more about the article [JS作品]JS30系列24-Sticky Nav](https://stevenjhu.com/wp-content/uploads/2020/11/24-Sticky-Nav.gif)