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

定　價：￥55.00

作　者：	陳承歡著
出版社：	人民郵電出版社
叢編項：
標　簽：	暫缺

購買這本書可以去

ISBN：	9787115500991	出版時間：	2019-06-01	包裝：	平裝
開本：	16開	頁數：	268	字數：

內容簡介

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

作者簡介

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

圖書目錄

單元1　設計基本網頁特效　1
任務1-1　JavaScript實現(xiàn)動態(tài)加載網頁內容　1
任務1-2　jQuery實現(xiàn)網頁收藏　2
1．1　JavaScript簡介　4
1．2　JavaScript主要的語法規(guī)則　4
1．3　JavaScript常用的開發(fā)工具　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實現(xiàn)動態(tài)改變樣式文件　15
任務1-4　JavaScript實現(xiàn)動態(tài)改變網頁字體大小及關閉網頁窗口　16
任務1-5　JavaScript實現(xiàn)播放Flash動畫　17
任務1-6　jQuery實現(xiàn)動態(tài)設置頁面的寬度和高度　18
任務1-7　利用外部JS文件動態(tài)輸出網頁內容　19
任務1-8　巧用CSS實現(xiàn)下拉菜單　20
單元2　設計日期時間類網頁特效　22
任務2-1　顯示常規(guī)格式的當前日期與時間　22
任務2-2　采用多種方式顯示當前的日期　23
2．1　JavaScript的運算符與表達式　25
2．2　JavaScript的語句及其規(guī)則　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　不同的節(jié)日顯示對應的問候語　47
任務2-4　在特定日期的特定時段顯示打折促銷信息　48
任務2-5　不同時間段顯示不同的問候語　49
任務2-6　一周內每天輸出不同的圖片　50
任務2-7　實現(xiàn)在線考試倒計時　50
任務2-8　顯示限定格式的日期　51
任務2-9　驗證日期的有效性　52
任務2-10　實現(xiàn)限時搶購倒計時　55
單元3　設計文字類網頁特效　56
任務3-1　JavaScript實現(xiàn)滾動網頁標題欄中的文字　56
任務3-2　jQuery實現(xiàn)向上滾動網站促銷公告　57
3．1　JavaScript的循環(huán)語句　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實現(xiàn)網頁狀態(tài)欄中的文字呈現(xiàn)打字效果　84
任務3-4　JavaScript實現(xiàn)網頁文字滾動與等待的交替效果　84
任務3-5　JavaScript實現(xiàn)鼠標指針滑過動態(tài)改變顯示內容及外觀效果　86
任務3-6　JavaScript實現(xiàn)文本圍繞鼠標指針旋轉　88
任務3-7　jQuery實現(xiàn)網站動態(tài)信息滾動與等待的交替效果　89
任務3-8　JavaScript實現(xiàn)網站公告信息連續(xù)向上滾動　90
任務3-9　jQuery實現(xiàn)循環(huán)滾動網頁中的文字　92
單元4　設計圖片類網頁特效　94
任務4-1　JavaScript實現(xiàn)縱向焦點圖片輪換　94
任務4-2　jQuery實現(xiàn)帶左右按鈕控制焦點圖片切換　99
4．1　JavaScript的對象　101
4．2　jQuery文檔的操作方法　104
任務4-3　JavaScript實現(xiàn)控制網頁中的圖片尺寸　107
任務4-4　JavaScript實現(xiàn)限制圖片尺寸與滑動鼠標滾輪調整圖片尺寸　107
任務4-5　JavaScript實現(xiàn)網頁中圖片連續(xù)向上滾動　108
任務4-6　JavaScript實現(xiàn)具有濾鏡效果的橫向焦點圖片輪換　110
任務4-7　JavaScript實現(xiàn)具有手風琴效果的橫向焦點圖片輪換　113
任務4-8　JavaScript實現(xiàn)帶縮略圖且雙向移動的橫向焦點圖輪換　116
任務4-9　JavaScript實現(xiàn)隨滾動條滑塊的移動上下滑動圖片　119
任務4-10　jQuery實現(xiàn)圖片縱向移動的焦點圖片輪換　120
任務4-11　jQuery實現(xiàn)具有濾鏡效果的橫向焦點圖片輪換　123
任務4-12　jQuery實現(xiàn)鼠標指針滑過圖片時預覽大圖　125
任務4-13　jQuery實現(xiàn)單擊箭頭按鈕切換圖片　127
任務4-14　JavaScript實現(xiàn)圖片連續(xù)向左滾動　129
任務4-15　JavaScript實現(xiàn)通用橫向焦點圖片輪換　130
任務4-16　JavaScript實現(xiàn)網頁圖片拖曳　133
任務4-17　jQuery實現(xiàn)圖片縱向切換　135
任務4-18　jQuery實現(xiàn)自動與手動均可切換的焦點圖片輪換　136
任務4-19　jQuery實現(xiàn)單擊左右箭頭滾動圖片　139
單元5　設計表單控件類網頁特效　142
任務5-1　實現(xiàn)注冊表單中的網頁特效　142
任務5-2　實現(xiàn)反饋意見表單中的網頁特效　148
5．1　JavaScript的事件　151
5．2　JavaScript的事件方法　154
5．3　jQuery的事件方法　154
任務5-3　JavaScript實現(xiàn)郵箱自動導航　156
任務5-4　JavaScript實現(xiàn)獲取表單控件的設置值　158
任務5-5　jQuery實現(xiàn)自定義列表框與單擊清空輸入框內容　162
任務5-6　JavaScript實現(xiàn)輸出列表框中被選項的文本內容　164
任務5-7　JavaScript實現(xiàn)利用列表框切換網頁　165
任務5-8　jQuery實現(xiàn)動態(tài)改變購買數量　166
單元6　設計導航菜單類網頁特效　168
任務6-1　應用className和display等屬性實現(xiàn)橫向下拉菜單　168
任務6-2　應用jQuery的hover事件和addClass等方法實現(xiàn)橫向導航菜單　171
任務6-3　應用jQuery的bind和attr等方法實現(xiàn)縱向導航菜單　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屬性實現(xiàn)選項卡的手動切換和自動切換　193
任務7-2　應用jQuery的index和find等方法實現(xiàn)橫向選項卡　195
7．1　JavaScript的數組對象　197
7．2　JSON及其使用　198
任務7-3　應用DOM的className和style等屬性設計縱向選項卡　200
任務7-4　應用DOM的className和style等屬性設計橫向選項卡　202
任務7-5　應用仿jQuery的attr方法設計橫向選項卡　205
任務7-6　應用JavaScript的push和jQuery的animate等方法設計橫向選項卡與圖文滾動特效　208
任務7-7　應用DOM的getElementById和className等屬性設計橫向選項卡　210
任務7-8　應用jQuery的mouseover和show等方法設計橫向選項卡　212
單元8　設計內容展開與折疊類網頁特效　213
任務8-1　應用jQuery的each和hasClass等方法設計網頁內容折疊與展開特效　213
任務8-2　應用jQuery的toggle和CSS等方法實現(xiàn)網頁內容多層折疊與展開特效　215
8．1　BOM（瀏覽器對象模型）　217
8．2　jQuery的尺寸方法　221
任務8-3　應用DOM的onclick事件和parentNode屬性設計網頁內容折疊與展開特效　221
任務8-4　應用JavaScript的getElementsByTagName和className等方法或屬性設計網頁
內容折疊與展開特效　223
任務8-5　應用jQuery的bind和CSS等方法設計網頁內容折疊與展開特效　226
任務8-6　應用jQuery的next和toggleClass等方法設計折疊與展開網頁內容的特效　228
任務8-7　應用DOM的getElementById方法和className屬性設計網頁內容折疊與展開特效　229
任務8-8　應用jQuery的hover和click事件設計網頁內容折疊與展開特效　232
任務8-9　應用jQuery的data和animate等方法設計網頁內容折疊與展開特效　233
單元9　設計頁面類網頁特效　236
任務9-1　實現(xiàn)頁面換膚網頁特效　236
任務9-2　根據日期特征動態(tài)切換背景　242
9．1　正確使用Cookie　247
9．2　正確區(qū)分jQuery對象和DOM對象　248
任務9-3　根據屏幕寬度自動設置網頁背景和導航欄　249
任務9-4　頁面快捷導航菜單的顯示與隱藏　251
任務9-5　下拉窗口的打開與自動隱藏　253
任務9-6　滾動屏幕時隱藏或顯示“返回頂部”導航欄　255
任務9-7　選購商品時打開購物車頁面　257
任務9-8　動態(tài)切換頁面背景與調整頁面大小　257
任務9-9　浮動框架的高度自適應頁面內容的高度　259
任務9-10　隨著屏幕高度變化隱藏或顯示“返回頂部”導航欄　260
附錄A　jQuery的常用方法　261
A．1　jQuery的核心函數　261
A．2　jQuery的選擇器　261
A．3　jQuery的遍歷方法　262
A．4　jQuery的事件方法　263
A．5　jQuery的效果方法　264
A．6　jQuery的文檔操作方法　265
A．7　jQuery的DOM元素方法　265
A．8　jQuery的屬性操作方法　266
A．9　jQuery的CSS操作方法　266
A．10　jQuery的尺寸方法　266
A．11　jQuery的數據操作方法　267
A．12　jQuery的AJAX操作方法　267
參考文獻　268