JavaScript+jQuery網頁特效設計任務驅動教程

JavaScript+jQuery網頁特效設計任務驅動教程

《JavaScript+jQuery網頁特效設計任務驅動教程》是2019年6月人民郵電出版社出版的圖書,作者是陳承歡 。

基本介紹

  • 中文名:JavaScript+jQuery網頁特效設計任務驅動教程
  • 作者:陳承歡
  • 出版社:人民郵電出版社
  • 出版時間:2019年6月
  • 頁數:268 頁
  • 定價:55 元
  • 開本:16 開
  • 裝幀:平裝
  • ISBN:9787115500991
內容簡介,圖書目錄,作者簡介,

內容簡介

本書是網頁特效設計任務驅動式教材。本書將網頁特效分為9類,分別是基本網頁特效、日期時間類網頁特效、文字類網頁特效、圖片類網頁特效、表單控制項類網頁特效、導航選單類網頁特效、選項卡類網頁特效、內容展開與摺疊類網頁特效、頁面類網頁特效,同時相應地將全書分為9個教學單元,每個教學單元分析和設計一種類型的網頁特效,同時將JavaScript和jQuery的相關知識合理地安排到各個教學單元中。

圖書目錄

單元1 設計基本網頁特效 1
任務1-1 JavaScript實現動態載入網頁內容 1
任務1-2 jQuery實現網頁收藏 2
1.1 JavaScript簡介 4
1.2 JavaScript主要的語法規則 4
1.3 JavaScript常用的開發工具 5
1.4 在HTML文檔中嵌入JavaScript代碼的方法 5
1.5 JavaScript的注釋 6
1.6 JavaScript的數據類型 6
1.7 JavaScript的常量 8
1.8 JavaScript的變數 8
1.9 JavaScript的訊息框 10
1.10 JavaScript的異常處理 11
1.11 JavaScript庫 12
1.12 下載和替代jQuery庫 13
1.13 jQuery簡介 13
任務1-3 JavaScript實現動態改變樣式檔案 15
任務1-4 JavaScript實現動態改變網頁字型大小及關閉網頁視窗 16
任務1-5 JavaScript實現播放Flash動畫 17
任務1-6 jQuery實現動態設定頁面的寬度和高度 18
任務1-7 利用外部JS檔案動態輸出網頁內容 19
任務1-8 巧用CSS實現下拉選單 20
單元2 設計日期時間類網頁特效 22
任務2-1 顯示常規格式的當前日期與時間 22
任務2-2 採用多種方式顯示當前的日期 23
2.1 JavaScript的運算符與表達式 25
2.2 JavaScript的語句及其規則 28
2.3 JavaScript的條件語句 29
2.4 JavaScript的函式 32
2.5 JavaScript的String(字元串)對象 35
2.6 JavaScript的Math(數學)對象 36
2.7 JavaScript的Date(日期)對象 36
2.8 JavaScript的計時方法 38
2.9 JavaScript的RegExp對象及其方法 39
2.10 支持正則表達式的String對象的方法 43
2.11 JavaScript和jQuery的使用比較 46
任務2-3 不同的節日顯示對應的問候語 47
任務2-4 在特定日期的特定時段顯示打折促銷信息 48
任務2-5 不同時間段顯示不同的問候語 49
任務2-6 一周內每天輸出不同的圖片 50
任務2-7 實現線上考試倒計時 50
任務2-8 顯示限定格式的日期 51
任務2-9 驗證日期的有效性 52
任務2-10 實現限時搶購倒計時 55
單元3 設計文字類網頁特效 56
任務3-1 JavaScript實現滾動網頁標題欄中的文字 56
任務3-2 jQuery實現向上滾動網站促銷公告 57
3.1 JavaScript的循環語句 59
3.2 HTML DOM(文檔對象模型) 64
3.3 JavaScript的位置與尺寸方法 68
3.4 jQuery的選擇器 75
3.5 jQuery的鏈式操作 76
3.6 jQuery的效果方法 76
任務3-3 JavaScript實現網頁狀態欄中的文字呈現打字效果 84
任務3-4 JavaScript實現網頁文字滾動與等待的交替效果 84
任務3-5 JavaScript實現滑鼠指針滑過動態改變顯示內容及外觀效果 86
任務3-6 JavaScript實現文本圍繞滑鼠指針旋轉 88
任務3-7 jQuery實現網站動態信息滾動與等待的交替效果 89
任務3-8 JavaScript實現網站公告信息連續向上滾動 90
任務3-9 jQuery實現循環滾動網頁中的文字 92
單元4 設計圖片類網頁特效 94
任務4-1 JavaScript實現縱向焦點圖片輪換 94
任務4-2 jQuery實現帶左右按鈕控制焦點圖片切換 99
4.1 JavaScript的對象 101
4.2 jQuery文檔的操作方法 104
任務4-3 JavaScript實現控制網頁中的圖片尺寸 107
任務4-4 JavaScript實現限制圖片尺寸與滑動滑鼠滾輪調整圖片尺寸 107
任務4-5 JavaScript實現網頁中圖片連續向上滾動 108
任務4-6 JavaScript實現具有濾鏡效果的橫向焦點圖片輪換 110
任務4-7 JavaScript實現具有手風琴效果的橫向焦點圖片輪換 113
任務4-8 JavaScript實現帶縮略圖且雙向移動的橫向焦點圖輪換 116
任務4-9 JavaScript實現隨滾動條滑塊的移動上下滑動圖片 119
任務4-10 jQuery實現圖片縱向移動的焦點圖片輪換 120
任務4-11 jQuery實現具有濾鏡效果的橫向焦點圖片輪換 123
任務4-12 jQuery實現滑鼠指針滑過圖片時預覽大圖 125
任務4-13 jQuery實現單擊箭頭按鈕切換圖片 127
任務4-14 JavaScript實現圖片連續向左滾動 129
任務4-15 JavaScript實現通用橫向焦點圖片輪換 130
任務4-16 JavaScript實現網頁圖片拖曳 133
任務4-17 jQuery實現圖片縱向切換 135
任務4-18 jQuery實現自動與手動均可切換的焦點圖片輪換 136
任務4-19 jQuery實現單擊左右箭頭滾動圖片 139
單元5 設計表單控制項類網頁特效 142
任務5-1 實現註冊表單中的網頁特效 142
任務5-2 實現反饋意見表單中的網頁特效 148
5.1 JavaScript的事件 151
5.2 JavaScript的事件方法 154
5.3 jQuery的事件方法 154
任務5-3 JavaScript實現信箱自動導航 156
任務5-4 JavaScript實現獲取表單控制項的設定值 158
任務5-5 jQuery實現自定義列表框與單擊清空輸入框內容 162
任務5-6 JavaScript實現輸出列表框中被選項的文本內容 164
任務5-7 JavaScript實現利用列表框切換網頁 165
任務5-8 jQuery實現動態改變購買數量 166
單元6 設計導航選單類網頁特效 168
任務6-1 套用className和display等屬性實現橫向下拉選單 168
任務6-2 套用jQuery的hover事件和addClass等方法實現橫嚮導航選單 171
任務6-3 套用jQuery的bind和attr等方法實現縱嚮導航選單 173
6.1 JavaScript的this指針 176
6.2 jQuery的屬性操作方法 176
6.3 jQuery的CSS操作方法 177
任務6-4 套用JavaScript的onmouseover等事件和className屬性設計橫嚮導航選單 178
任務6-5 套用jQuery的hover事件和CSS方法設計橫嚮導航選單 179
任務6-6 套用jQuery的find和animate等方法設計橫嚮導航選單 181
任務6-7 套用jQuery的one和each等方法設計複雜導航選單 184
任務6-8 套用HTML元素的樣式屬性設計橫向下拉選單 187
任務6-9 套用jQuery的show和hide等方法設計縱嚮導航選單 189
任務6-10 套用jQuery的slideDown和slideUp等方法設計有滑動效果的橫向下拉選單 190
任務6-11 套用jQuery的slideDown和fadeOut等方法設計下拉選單 191
單元7 設計選項卡類網頁特效 193
任務7-1 套用setInterval函式和display屬性實現選項卡的手動切換和自動切換 193
任務7-2 套用jQuery的index和find等方法實現橫向選項卡 195
7.1 JavaScript的數組對象 197
7.2 JSON及其使用 198

作者簡介

陳承歡 三級教授 高級工程師 軟體設計師 湖南省省級專業帶頭人,國家精品課程與精品共享課程《網頁設計與製作》主持人,國家資源庫課程《計算機維護與維修》和《網頁樣式設計與套用》主持人,湖南省教育科學重點研究課題主持人,湖南省教學改革項目主持人。
多年來致力於總結教學規律、探索教學模式、創新教學方法、開發特色教材。主持開發高職特色教材20多本,其中“十一五”國家級規劃教材4本,“十二五”國家級規劃教材11本。成功地實現了以真實項目或任務為載體重構教學內容、面向教學全過程設定教學環節、“教、學、做、評”一體設計,在教學實施中取得了良好的教學效果。

相關詞條

熱門詞條

聯絡我們