iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 18
1
Modern Web

JS 學習歷程系列 第 18

嘿嘿!厲害啦! - 六角學院 JS 最終作業 (一)

  • 分享至 

  • xImage
  •  

學習 JS 的好課程,當然不能不推六角學院,簡單好懂易上手,這次主要來紀錄完成六角 JS 最終作業的歷程,希望能夠順利完成:

因為擔心侵權,這裡就只放上我的個人作品:
https://ithelp.ithome.com.tw/upload/images/20190918/20119922xgcRtfUpu9.jpg

這次主要作品分成:https://ithelp.ithome.com.tw/upload/images/20190918/201199222jJlZmED1E.jpg

第一塊:主要就是單純 HTML 跟 CSS ,選單內容會由 JS 跑出檔案。
第二塊:也是單純來塊 div ,主要是設 border-bottom 美化一下,做個分隔線出來。
第三塊:因為壓在一、二塊上,所以 CSS 要設個 position 搞定它的位置。
第四塊、第五塊、第六塊:全部會由 JS 搞定。
第七塊:也是單純 HTML 及 CSS,所以一開始就會寫好。

關於這次資料的 JSON 檔案 這裡 查看。

打到這裡發現電腦悲劇只剩 19% 電源,只好明天繼續,QQ


上一篇
1加1你想要多少 - JS 的四捨五入、無條件捨去、無條件進位
下一篇
嘿嘿!厲害啦! - 六角學院 JS 最終作業 (二)
系列文
JS 學習歷程30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言