![](/c49/99/11334839.jpg)
出版社:人民郵電出版社 ISBN:9787115327932 版次:1 商品編碼:11334839 品牌:人民郵電出版社 包裝:平裝 叢書名:工業和信息化人纔培養規劃教材 開本:16開 出版時間:2013-10-01 用紙:膠版紙 頁數:292 字數:465000 正文語種:中文 作者:陳承歡
" 內容簡介 《工業和信息化人纔培養規劃教材:JavaScript+jQuery網頁特效設計實例教程》將網頁特效分為9類,分別是基本網頁特效、日期時間類網頁特效、文字類網頁特效、圖片類網頁特效、表單控件類網頁特效、導航菜單類網頁特效、選項卡類網頁特效、內容展開與折疊類網頁特效和頁面類網頁特效,同時相應地將全書分為9個,每個分析和設計一種類型的網頁特效,同時將JavaScript和jQuery的相關知識合理地安排到各個。 《工業和信息化人纔培養規劃教材:JavaScript+jQuery網頁特效設計實例教程》可以作為普通高等院校、高等或中等職業院校和高等專科院校各專業網頁特效設計課程的教材,也可以作為網頁特效設計的培訓用書及技術用書。 目錄 任務1-1 JavaScript實現動態加載網頁內容 任務1-2 jQuery實現網頁收藏 1.1 JavaScript簡介 1.2 JavaScript主要的語法規則 1.3 JavaScript常用的開發工具 1.4 在HTML文檔中嵌入JavaScript代碼的方法 1.5 JavaScript的注釋 1.6 JavaScript的數據類型 1.7 JavaScript的常量 1.8 JavaScript的變量 1.9 JavaScript的消息框 1.10 JavaScript的異常處理 1.11 JavaScript庫 1.12 下載和替代jQuery庫 1.13 jQuery簡介 任務1-3 JavaScript實現關閉網頁時彈出小窗口 任務1-4 JavaScript實現動態改變樣式文件 任務1-5 JavaScript實現動態改變網頁字體大小及關閉網頁窗口 任務1-6 JavaScript實現播放Flash動畫 任務1-7 JavaScript實現設為主頁 任務1-8 jQuery實現動態設置頁面的寬度和高度 任務1-9 利用外部JS文件動態輸出網頁內容 任務1-10 巧用CSS實現下拉菜單
任務2-1 顯示常規格式的當前日期與時間 任務2-2 采用多種方式顯示當前的日期 2.1 JavaScript的運算符與表達式 2.2 JavaScript的語句及其規則 2.3 JavaScript的條件語句 2.4 JavaScript的函數 2.5 JavaScript的String(字符串)對像 2.6 JavaScript的Math(數學)對像 2.7 JavaScript的Date(日期)對像 2.8 JavaScript的計時方法 2.9 JavaScript的RegExp對像及其方法 2.10 支持正則表達式的String對像的方法 2.11 JavaScript和jQuery的使用比較 任務2-3 不同的節日顯示對應的問候語 任務2-4 在特定日期的特定時段顯示打折促銷信息 任務2-5 不同時間段顯示不同的問候語 任務2-6 一周內每天輸出不同的圖片 任務2-7 實現在線考試倒計時 任務2-8 顯示限定格式的日期 任務2-9 驗證日期的有效性 任務2-10 實現限時搶購倒計時
任務3-1 JavaScript實現滾動網頁標題欄中的文字 任務3-2 jQuery實現向上滾動網站促銷公告 3.1 JavaScript的循環語句 3.2 HTML DOM(文檔對像模型) 3.3 JavaScript的位置與尺寸方法 3.4 jQuery的選擇器 3.5 jQuery的鏈式操作 3.6 jQuery的效果方法 任務3-3 JavaScript實現網頁狀態欄中的文字呈現打字效果 任務3-4 JavaScript實現網頁文字滾動與等待的交替效果 任務3-5 JavaScript實現鼠標滑過動態改變顯示內容及外觀效果 任務3-6 JavaScript實現文本圍繞鼠標旋轉 任務3-7 jQuery實現網站動態信息滾動與等待的交替效果 任務3-8 JavaScript實現網站公告信息連續向上滾動 任務3-9 jQuery實現循環滾動網頁中的文字
任務4-1 JavaScript實現縱向焦點圖片輪換 任務4-2 jQuery實現帶左右按鈕控制焦點圖片切換 4.1 JavaScript的對像 4.2 jQuery的文檔操作方法 任務4-3 JavaScript實現控制網頁中的圖片尺寸 任務4-4 JavaScript實現限制圖片尺寸與滑動鼠標滾輪調整圖片尺寸 任務4-5 JavaScript實現網頁中圖片連續向上滾動 任務4-6 JavaScript實現具有濾鏡效果的橫向焦點圖片輪換 任務4-7 JavaScript實現具有手風琴效果的橫向焦點圖片輪換 任務4-8 JavaScript實現帶縮略圖且雙向移動的橫向焦點圖輪換 任務4-9 JavaScript實現隨滾動條的滑塊移動上下滑動圖片 任務4-10 jQuery實現圖片縱向移動的焦點圖片輪換 任務4-11 jQuery實現具有濾鏡效果的橫向焦點圖片輪換 任務4-12 jQuery實現鼠標滑過圖片時預覽大圖 任務4-13 jQuery實現單擊箭頭按鈕切換圖片 任務4-14 JavaScript實現圖片連續向左滾動 任務4-15 JavaScript實現通用橫向焦點圖片輪換 任務4-16 jQuery實現圖片縱向切換 任務4-17 jQuery實現自動與手動均可切換的焦點圖片輪換 任務4-18 jQuery實現單擊左右箭頭實現圖片滾動效果
任務5-1 實現注冊表單中的網頁特效 任務5-2 實現反饋意見表單中的網頁特效 5.1 JavaScript的事件 5.2 JavaScript的事件方法 5.3 jQuery的事件方法 任務5-3 JavaScript實現郵箱自動導航 任務5-4 JavaScript實現從自定義列表框中選擇商品類型 任務5-5 JavaScript實現獲取表單控件的設置值 任務5-6 jQuery實現自定義列表框與單擊清空輸入框內容 任務5-7 jQuery實現動態改變購買數量 任務5-8 JavaScript實現輸出列表框中被選項的文本內容 任務5-9 JavaScript實現利用列表框切換網頁 任務5-10 jQuery實現驗證頁面頁碼
任務6-1 應用className和display等屬性實現橫向下拉菜單 任務6-2 應用jQuery的hover事件和addClass等方法實現橫向導航菜單 任務6-3 應用jQuery的bind和attr等方法實現縱向導航菜單 6.1 JavaScript的this指針 6.2 jQuery的屬性操作方法 6.3 jQuery的CSS操作方法 任務6-4 應用JavaScript的onmouseover等事件和className屬性設計橫向導航菜單 任務6-5 應用DOM的getElementById和className屬性設計橫向導航菜單 任務6-6 應用jQuery的hover事件和CSS方法設計橫向導航菜單 任務6-7 應用jQuery的find和animate等方法設計橫向導航菜單 任務6-8 應用jQuery的one和each等方法設計復雜導航菜單 任務6-9 應用H素的樣式屬性設計橫向下拉菜單 任務6-10 應用jQuery的show和hide等方法設計縱向導航菜單 任務6-11 應用jQuery的slideDown和slideUp等方法設計有滑動效果的橫向下拉菜單 任務6-12 應用jQuery的slideDown和fadeOut等方法設計下拉菜單
任務7-1 應用setInterval函數和display屬性實現選項卡的手動切換和自動切換 任務7-2 應用jQuery的index和find等方法實現橫向選項卡 7.1 JavaScript的數組對像 7.2 JSON及其使用 任務7-3 應用DOM的className和style等屬性設計縱向選項卡 任務7-4 應用DOM的className和style等屬性設計橫向選項卡 任務7-5 應用DOM的parentNode屬性和JSON設計縱向選項卡 任務7-6 應用仿jQuery的attr方法設計橫向選項卡 任務7-7 應用JavaScript的push和jQuery的animate等方法設計橫向選項卡與圖文滾動特效 任務7-8 應用jQuery的each和css方法設計縱向選項卡 任務7-9 應用DOM的getElementById和className等屬性設計橫向選項卡 任務7-10 應用jQuery的mouseover和show等方法設計橫向選項卡
任務8-1 應用jQuery的each和hasClass等方法設計網頁內容折疊與展開特效 任務8-2 應用jQuery的toggle和css等方法實現網頁內容多層折疊與展開特效 8.1 BOM(瀏覽器對像模型) 8.2 jQuery的尺寸方法 任務8-3 應用DOM的onclick事件和parentNode屬性設計網頁內容折疊與展開特效 任務8-4 應用JavaScript的getElementsByTagName和className等方法或屬性設計網頁內容折疊與展開特效 任務8-5 應用jQuery的bind和css等方法設計網頁內容折疊與展開特效 任務8-6 應用jQuery的slideUp和slideDown等方法設計網頁內容折疊與展開特效 任務8-7 應用DOM的getElementById方法和className屬性設計網頁內容折疊與展開特效 任務8-8 應用jQuery的hover和click事件設計網頁內容折疊與展開特效 任務8-9 應用jQuery的toggle和hasClass方法設計網頁內容折疊與展開特效 任務8-10 應用jQuery的data和animate等方法設計網頁內容折疊與展開特效
任務9-1 實現頁面換膚網頁特效 任務9-2 根據日期特征動態切換背景 9.1 正確使用cookie 9.2 正確區分jQuery對像和DOM對像 任務9-3 根據屏幕寬度自動設置網頁背景和導航欄 任務9-4 頁面快捷導航菜單的顯示與隱藏 任務9-5 下拉窗口的打開與自動隱藏 任務9-6 滾動屏幕時隱藏或顯示返回頂部導航欄 任務9-7 選購商品時打開購物車頁面 任務9-8 動態切換頁面背景與調整頁面大小 任務9-9 浮動框架的高度自適應頁面內容的高度 任務9-10 隨著屏幕高度變化隱藏或顯示返回頂部導航欄 任務9-11 促銷信息的顯示與隱藏
附錄A jQuery的常用方法 A.1 jQuery的核心函數 A.2 jQuery的選擇器 A.3 jQuery的遍歷方法 A.4 jQuery的事件方法 A.5 jQuery的效果方法 A.6 jQuery的文檔操作方法 A.7 jQuery的素方法 A.8 jQuery的屬性操作方法 A.9 jQuery的CSS操作方法 A.10 jQuery的尺寸方法 A.11 jQuery的數據操作方法 A.12 jQuery的AJAX操作方法 參考文獻 查看全部↓
" |