iT邦幫忙

robin_0310
iT邦見習生 ‧ 點數 152
4055
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

從零開始學JavaScript 系列

目前我自己已經接觸過HTML與CSS的語法，接下來想進一步學習JS的用法，以提升寫網頁的實力。

參賽天數 21 天 ｜ 共 24 篇文章 ｜ 4 人訂閱 訂閱系列文 RSS系列文
0 Like 0 留言 1484 瀏覽
DAY 11

【11】網頁練習 - 分類型Menu(上)

Menu 前言 由於此次練習需要較多的說明與介紹，故分作上下兩篇。 在JavaScript中，有個名為menu的陣列(如下)，用來記錄所有的食物資訊。 co...

2020-09-11 ‧ 由 robin_0310 分享
0 Like 0 留言 1283 瀏覽
DAY 12

【12】網頁練習 - 分類型Menu(下)

Q&A 前言 上次完成了清單的顯示，這次要完成的是按鈕的設置。 JavaScript重點 新增displayMenuButtons()函式 :...

2020-09-12 ‧ 由 robin_0310 分享
0 Like 0 留言 2911 瀏覽
DAY 13

【13】網頁練習 - 背景影片與Preloader

Video 功能說明 自動播放背景影片 影片控制按鈕 Preloader HTML重點 Preloader設置 <!-- preloader...

2020-09-13 ‧ 由 robin_0310 分享
0 Like 0 留言 2320 瀏覽
DAY 14

【14】網頁練習 - Tabs選單

Tabs 功能說明 標題 裝飾圖片 按鈕與說明欄 HTML重點 標題 <!-- preloader --> <div class=...

2020-09-14 ‧ 由 robin_0310 分享
0 Like 0 留言 1073 瀏覽
DAY 15

【15】網頁練習 - Lorem假文產生器

Lorem-Ipsum 前言 Lorem Ipsum假文介紹 : https://ithelp.ithome.com.tw/articles/10130206...

2020-09-15 ‧ 由 robin_0310 分享
0 Like 0 留言 3123 瀏覽
DAY 16

【16】網頁練習 -倒數計時器實作(上)

Countdown Timer 重點功能說明 Deadline顯示區域 倒數計時器 HTML重點 Deadline顯示區域 <h4 class...

2020-09-16 ‧ 由 robin_0310 分享
0 Like 0 留言 3085 瀏覽
DAY 17

【17】網頁練習 -倒數計時器實作(下)

Countdown Timer JavaScript重點 取得Deadline與1970/01/01的時間差 const futureTime = futu...

2020-09-17 ‧ 由 robin_0310 分享
0 Like 0 留言 1723 瀏覽
DAY 18

【18】網頁練習 -Scroll網頁實作(上)

Scroll 前言 由於此專案HTML、CSS與JavaScript重點較多，因此將切三篇文章說明 功能說明 Navbar : RWD(響應式網頁設...

2020-09-18 ‧ 由 robin_0310 分享
0 Like 0 留言 1057 瀏覽
DAY 19

【19】網頁練習 -Scroll網頁實作(中)

Scroll JavaScript重點 Footer中的年份顯示 利用id="date"去抓取Footer中的年份 const da...

2020-09-19 ‧ 由 robin_0310 分享
0 Like 0 留言 2218 瀏覽
DAY 20

【20】網頁練習 -Scroll網頁實作(下)

Scroll JavaScript重點 Navbar之固定顯示 & 回頂層按鈕之設定 利用id="nav"去抓取整個Navba...

2020-09-20 ‧ 由 robin_0310 分享
robin_0310的鐵人檔案
robin_0310的收藏
robin_0310的追蹤
robin_0310的Like
robin_0310的紀錄
robin_0310的訂閱列表