課程目錄 : (內容與授課時間) 授課總時數: 20:12:23
簡 介:
很多同學都想做網頁交互特效,因為網頁特效可以讓你扁平化的網頁動起來。但是考慮到學習上需要很多難記的代碼而止步,現在我們這個課程通過課堂實錄,完全掌控學生的學習進度,難以結合的有交互性的學習這些特效,通過案例實戰掌控常見的網頁交互特效。雖然你是菜鳥,沒關係。讓你學完該課程,網頁交互特效保證拿下。
課程目標: 只要你懂得HTML代碼,就可讓你零基礎學會JavaScript和jQuery網頁交互特效,你你枯燥的網頁真正的動起來。 課程特色: 課時飽滿,從基礎的JS原生開發,到網頁案例實操,一步到位 適用人群: 具有HTML代碼基礎即可學習網頁交互特效
課程大綱:
第1章 JavaScript基礎
第01課 1.1 JS基礎理論及三種輸出命令 →時長:00:54:48 第02課 1.2 輸出命令與變量 →時長:00:21:53 第03課 1.3 變量與運算符 →時長:00:52:39 第04課 1.4 單路與雙路分支結構 →時長:00:50:01 第05課 1.5 多路分支結構 →時長:00:10:04 第06課 1.6 for循環 →時長:01:05:44 第07課 1.7 函數與數組 →時長:01:28:09 第08課 1.8 對象與BOM模型 →時長:01:03:09 第09課 1.9 JS定時器及5秒鐘自動跳轉案例 →時長:01:02:15 第10課 1.10 倒計時跳轉製作及JQ理論入門 →時長:01:07:55
第2章 jQuery通過案例來學習
第11課 2.1 js原生回顧與jq基礎語法 →時長:00:36:27 第12課 2.2 JQ製作點擊彈出層 →時長:00:59:26 第13課 2.3 通過JQ添加與刪除制定類名 →時長:00:57:15 第14課 2.4 選項卡效果 →時長:00:31:24 第15課 2.5將JQ效果應用到選項卡中和二級導航製作 →時長:01:22:18 第16課 2.6 配合css3製作中英切換導航條 →時長:00:48:17 第17課 2.7 獲取與失去焦點製作趣味搜索框 →時長:01:06:46 第18課 2.8清除每行最後一個的margin right屬性 →時長:00:47:28 第19課 2.9 點擊返回頭部JQ操作案例 →時長:01:19:33 第20課 2.10 彈性跟隨動畫與滾動條延遲動畫 →時長:00:56:05 第21課 2.11 淡入淡出自動焦點圖輪播器操作 →時長:00:44:11 第22課 2.12 全屏輪播焦點圖動畫 →時長:01:06:36
|