本文關(guān)鍵詞：JavaScript+jQuery網(wǎng)頁特效設(shè)計(jì)實(shí)例教程，由筆耕文化傳播整理發(fā)布。

JavaScript+jQuery網(wǎng)頁特效設(shè)計(jì)實(shí)例教程 特色及評(píng)論

　　本書是網(wǎng)頁特效設(shè)計(jì)項(xiàng)目化教材�！　”緯鴮⒕W(wǎng)頁特效分為9類，分別是基本網(wǎng)頁特效、日期時(shí)間類網(wǎng)頁特效、文字類網(wǎng)頁特效、圖片類網(wǎng)頁特效、表單控件類網(wǎng)頁特效、導(dǎo)航菜單類網(wǎng)頁特效、選項(xiàng)卡類網(wǎng)頁特效、內(nèi)容展開與折疊類網(wǎng)頁特效和頁面類網(wǎng)頁特效，同時(shí)相應(yīng)地將全書分為9個(gè)教學(xué)單元，每個(gè)教學(xué)單元分析和設(shè)計(jì)一種類型的網(wǎng)頁特效，同時(shí)將javascript和jquery的相關(guān)知識(shí)合理地安排到各個(gè)教學(xué)單元�！　”緯梢宰鳛槠胀ǜ叩仍盒�、高等或中等職業(yè)院校和高等�？圃盒８鲗I(yè)網(wǎng)頁特效設(shè)計(jì)課程的教材，，也可以作為網(wǎng)頁特效設(shè)計(jì)的培訓(xùn)用書及技術(shù)用書。

JavaScript+jQuery網(wǎng)頁特效設(shè)計(jì)實(shí)例教程 內(nèi)容簡介

jquery流行新技術(shù) 　　示范校示范專業(yè)出品 　　精選9類100種常見網(wǎng)頁特效，學(xué)以致用

JavaScript+jQuery網(wǎng)頁特效設(shè)計(jì)實(shí)例教程 本書目錄

單元1　設(shè)計(jì)基本網(wǎng)頁特效　
任務(wù)1-1　javascript實(shí)現(xiàn)動(dòng)態(tài)加載網(wǎng)頁內(nèi)容　
任務(wù)1-2　jquery實(shí)現(xiàn)網(wǎng)頁收藏　
1.1　javascript簡介　
1.2　javascript主要的語法規(guī)則　
1.3　javascript常用的開發(fā)工具　
1.4　在html文檔中嵌入javascript代碼的方法　
1.5　javascript的注釋　
1.6　javascript的數(shù)據(jù)類型　
1.7　javascript的常量　
1.8　javascript的變量　
1.9　javascript的消息框　
1.10　javascript的異常處理　
1.11　javascript庫　
1.12　下載和替代jquery庫　
1.13　jquery簡介　
任務(wù)1-3　javascript實(shí)現(xiàn)關(guān)閉網(wǎng)頁時(shí)彈出小窗口　
任務(wù)1-4　javascript實(shí)現(xiàn)動(dòng)態(tài)改變樣式文件　
任務(wù)1-5　javascript實(shí)現(xiàn)動(dòng)態(tài)改變網(wǎng)頁字體大小及關(guān)閉網(wǎng)頁窗口　
任務(wù)1-6　javascript實(shí)現(xiàn)播放flash動(dòng)畫　
任務(wù)1-7　javascript實(shí)現(xiàn)設(shè)為主頁　
任務(wù)1-8　jquery實(shí)現(xiàn)動(dòng)態(tài)設(shè)置頁面的寬度和高度　
任務(wù)1-9　利用外部js文件動(dòng)態(tài)輸出網(wǎng)頁內(nèi)容　
任務(wù)1-10　巧用css實(shí)現(xiàn)下拉菜單　

單元2　設(shè)計(jì)日期時(shí)間類網(wǎng)頁特效　
任務(wù)2-1　顯示常規(guī)格式的當(dāng)前日期與時(shí)間　
任務(wù)2-2　采用多種方式顯示當(dāng)前的日期　
2.1　javascript的運(yùn)算符與表達(dá)式　
2.2　javascript的語句及其規(guī)則　
2.3　javascript的條件語句　
2.4　javascript的函數(shù)　
2.5　javascript的string(字符串)對(duì)象　
2.6　javascript的math(數(shù)學(xué))對(duì)象　
2.7　javascript的date(日期)對(duì)象　
2.8　javascript的計(jì)時(shí)方法　
2.9　javascript的regexp對(duì)象及其方法　
2.10　支持正則表達(dá)式的string對(duì)象的方法　
2.11　javascript和jquery的使用比較　
任務(wù)2-3　不同的節(jié)日顯示對(duì)應(yīng)的問候語　
任務(wù)2-4　在特定日期的特定時(shí)段顯示打折促銷信息　
任務(wù)2-5　不同時(shí)間段顯示不同的問候語　
任務(wù)2-6　一周內(nèi)每天輸出不同的圖片　
任務(wù)2-7　實(shí)現(xiàn)在線考試倒計(jì)時(shí)　
任務(wù)2-8　顯示限定格式的日期　
任務(wù)2-9　驗(yàn)證日期的有效性　
任務(wù)2-10　實(shí)現(xiàn)限時(shí)搶購倒計(jì)時(shí)　

單元3 設(shè)計(jì)文字類網(wǎng)頁特效　
任務(wù)3-1　javascript實(shí)現(xiàn)滾動(dòng)網(wǎng)頁標(biāo)題欄中的文字　
任務(wù)3-2　jquery實(shí)現(xiàn)向上滾動(dòng)網(wǎng)站促銷公告　
3.1　javascript的循環(huán)語句　
3.2　html dom（文檔對(duì)象模型）　
3.3　javascript的位置與尺寸方法　
3.4　jquery的選擇器　
3.5　jquery的鏈?zhǔn)讲僮鳌?br />3.6　jquery的效果方法　
任務(wù)3-3　javascript實(shí)現(xiàn)網(wǎng)頁狀態(tài)欄中的文字呈現(xiàn)打字效果　
任務(wù)3-4　javascript實(shí)現(xiàn)網(wǎng)頁文字滾動(dòng)與等待的交替效果　
任務(wù)3-5　javascript實(shí)現(xiàn)鼠標(biāo)滑過動(dòng)態(tài)改變顯示內(nèi)容及外觀效果　
任務(wù)3-6　javascript實(shí)現(xiàn)文本圍繞鼠標(biāo)旋轉(zhuǎn)　
任務(wù)3-7　jquery實(shí)現(xiàn)網(wǎng)站動(dòng)態(tài)信息滾動(dòng)與等待的交替效果　
任務(wù)3-8　javascript實(shí)現(xiàn)網(wǎng)站公告信息連續(xù)向上滾動(dòng)　
任務(wù)3-9　jquery實(shí)現(xiàn)循環(huán)滾動(dòng)網(wǎng)頁中的文字　

單元4 設(shè)計(jì)圖片類網(wǎng)頁特效　
任務(wù)4-1　javascript實(shí)現(xiàn)縱向焦點(diǎn)圖片輪換　
任務(wù)4-2　jquery實(shí)現(xiàn)帶左右按鈕控制焦點(diǎn)圖片切換　
4.1　javascript的對(duì)象　
4.2　jquery的文檔操作方法　
任務(wù)4-3　javascript實(shí)現(xiàn)控制網(wǎng)頁中的圖片尺寸　
任務(wù)4-4　javascript實(shí)現(xiàn)限制圖片尺寸與滑動(dòng)鼠標(biāo)滾輪調(diào)整圖片尺寸　
任務(wù)4-5　javascript實(shí)現(xiàn)網(wǎng)頁中圖片連續(xù)向上滾動(dòng)　
任務(wù)4-6　javascript實(shí)現(xiàn)具有濾鏡效果的橫向焦點(diǎn)圖片輪換　
任務(wù)4-7　javascript實(shí)現(xiàn)具有手風(fēng)琴效果的橫向焦點(diǎn)圖片輪換　
任務(wù)4-8　javascript實(shí)現(xiàn)帶縮略圖且雙向移動(dòng)的橫向焦點(diǎn)圖輪換　
任務(wù)4-9　javascript實(shí)現(xiàn)隨滾動(dòng)條的滑塊移動(dòng)上下滑動(dòng)圖片　
任務(wù)4-10　jquery實(shí)現(xiàn)圖片縱向移動(dòng)的焦點(diǎn)圖片輪換　
任務(wù)4-11　jquery實(shí)現(xiàn)具有濾鏡效果的橫向焦點(diǎn)圖片輪換　
任務(wù)4-12　jquery實(shí)現(xiàn)鼠標(biāo)滑過圖片時(shí)預(yù)覽大圖　
任務(wù)4-13　jquery實(shí)現(xiàn)單擊箭頭按鈕切換圖片　
任務(wù)4-14　javascript實(shí)現(xiàn)圖片連續(xù)向左滾動(dòng)　
任務(wù)4-15　javascript實(shí)現(xiàn)通用橫向焦點(diǎn)圖片輪換　
任務(wù)4-16　jquery實(shí)現(xiàn)圖片縱向切換　
任務(wù)4-17　jquery實(shí)現(xiàn)自動(dòng)與手動(dòng)均可切換的焦點(diǎn)圖片輪換　
任務(wù)4-18　jquery實(shí)現(xiàn)單擊左右箭頭實(shí)現(xiàn)圖片滾動(dòng)效果　

單元5　設(shè)計(jì)表單控件類網(wǎng)頁特效　
任務(wù)5-1　實(shí)現(xiàn)注冊(cè)表單中的網(wǎng)頁特效　
任務(wù)5-2　實(shí)現(xiàn)反饋意見表單中的網(wǎng)頁特效　
5.1　javascript的事件　
5.2　javascript的事件方法　
5.3　jquery的事件方法　
任務(wù)5-3　javascript實(shí)現(xiàn)郵箱自動(dòng)導(dǎo)航　
任務(wù)5-4　javascript實(shí)現(xiàn)從自定義列表框中選擇商品類型　
任務(wù)5-5　javascript實(shí)現(xiàn)獲取表單控件的設(shè)置值　
任務(wù)5-6　jquery實(shí)現(xiàn)自定義列表框與單擊清空輸入框內(nèi)容　
任務(wù)5-7　jquery實(shí)現(xiàn)動(dòng)態(tài)改變購買數(shù)量　
任務(wù)5-8　javascript實(shí)現(xiàn)輸出列表框中被選項(xiàng)的文本內(nèi)容　
任務(wù)5-9　javascript實(shí)現(xiàn)利用列表框切換網(wǎng)頁　
任務(wù)5-10　jquery實(shí)現(xiàn)驗(yàn)證頁面頁碼　

單元6 設(shè)計(jì)導(dǎo)航菜單類網(wǎng)頁特效　
任務(wù)6-1　應(yīng)用classname和display等屬性實(shí)現(xiàn)橫向下拉菜單　
任務(wù)6-2　應(yīng)用jquery的hover事件和addclass等方法實(shí)現(xiàn)橫向?qū)Ш讲藛巍?br />任務(wù)6-3　應(yīng)用jquery的bind和attr等方法實(shí)現(xiàn)縱向?qū)Ш讲藛巍?br />6.1　javascript的this指針　
6.2　jquery的屬性操作方法　
6.3　jquery的css操作方法　
任務(wù)6-4　應(yīng)用javascript的onmouseover等事件和classname屬性設(shè)計(jì)橫向?qū)Ш讲藛巍?br />任務(wù)6-5　應(yīng)用dom的getelementbyid和classname屬性設(shè)計(jì)橫向?qū)Ш讲藛巍?br />任務(wù)6-6　應(yīng)用jquery的hover事件和css方法設(shè)計(jì)橫向?qū)Ш讲藛巍?br />任務(wù)6-7　應(yīng)用jquery的find和animate等方法設(shè)計(jì)橫向?qū)Ш讲藛巍?br />任務(wù)6-8　應(yīng)用jquery的one和each等方法設(shè)計(jì)復(fù)雜導(dǎo)航菜單　
任務(wù)6-9　應(yīng)用html元素的樣式屬性設(shè)計(jì)橫向下拉菜單　
任務(wù)6-10　應(yīng)用jquery的show和hide等方法設(shè)計(jì)縱向?qū)Ш讲藛巍?br />任務(wù)6-11　應(yīng)用jquery的slidedown和slideup等方法設(shè)計(jì)有滑動(dòng)效果的橫向下拉菜單　
任務(wù)6-12　應(yīng)用jquery的slidedown和fadeout等方法設(shè)計(jì)下拉菜單　

單元7 設(shè)計(jì)選項(xiàng)卡類網(wǎng)頁特效　
任務(wù)7-1 應(yīng)用setinterval函數(shù)和display屬性實(shí)現(xiàn)選項(xiàng)卡的手動(dòng)切換和自動(dòng)切換　
任務(wù)7-2　應(yīng)用jquery的index和find等方法實(shí)現(xiàn)橫向選項(xiàng)卡　
7.1　javascript的數(shù)組對(duì)象　
7.2　json及其使用　
任務(wù)7-3　應(yīng)用dom的classname和style等屬性設(shè)計(jì)縱向選項(xiàng)卡　
任務(wù)7-4　應(yīng)用dom的classname和style等屬性設(shè)計(jì)橫向選項(xiàng)卡　
任務(wù)7-5　應(yīng)用dom的parentnode屬性和json設(shè)計(jì)縱向選項(xiàng)卡　
任務(wù)7-6　應(yīng)用仿jquery的attr方法設(shè)計(jì)橫向選項(xiàng)卡　
任務(wù)7-7　應(yīng)用javascript的push和jquery的animate等方法設(shè)計(jì)橫向選項(xiàng)卡與圖文滾動(dòng)特效　
任務(wù)7-8　應(yīng)用jquery的each和css方法設(shè)計(jì)縱向選項(xiàng)卡　
任務(wù)7-9　應(yīng)用dom的getelementbyid和classname等屬性設(shè)計(jì)橫向選項(xiàng)卡　
任務(wù)7-10　應(yīng)用jquery的mouseover和show等方法設(shè)計(jì)橫向選項(xiàng)卡　

單元8　設(shè)計(jì)內(nèi)容展開與折疊類網(wǎng)頁特效　
任務(wù)8-1　應(yīng)用jquery的each和hasclass等方法設(shè)計(jì)網(wǎng)頁內(nèi)容折疊與展開特效　
任務(wù)8-2　應(yīng)用jquery的toggle和css等方法實(shí)現(xiàn)網(wǎng)頁內(nèi)容多層折疊與展開特效　
8.1　bom(瀏覽器對(duì)象模型)　
8.2　jquery的尺寸方法　
任務(wù)8-3　應(yīng)用dom的onclick事件和parentnode屬性設(shè)計(jì)網(wǎng)頁內(nèi)容折疊與展開特效　
任務(wù)8-4　應(yīng)用javascript的getelementsbytagname和classname等方法或?qū)傩栽O(shè)計(jì)網(wǎng)頁內(nèi)容折疊與展開特效　
任務(wù)8-5　應(yīng)用jquery的bind和css等方法設(shè)計(jì)網(wǎng)頁內(nèi)容折疊與展開特效　
任務(wù)8-6 應(yīng)用jquery的slideup和slidedown等方法設(shè)計(jì)網(wǎng)頁內(nèi)容折疊與展開特效　
任務(wù)8-7　應(yīng)用dom的getelementbyid方法和classname屬性設(shè)計(jì)網(wǎng)頁內(nèi)容折疊與展開特效　
任務(wù)8-8　應(yīng)用jquery的hover和click事件設(shè)計(jì)網(wǎng)頁內(nèi)容折疊與展開特效　
任務(wù)8-9　應(yīng)用jquery的toggle和hasclass方法設(shè)計(jì)網(wǎng)頁內(nèi)容折疊與展開特效　
任務(wù)8-10　應(yīng)用jquery的data和animate等方法設(shè)計(jì)網(wǎng)頁內(nèi)容折疊與展開特效　

單元9　設(shè)計(jì)頁面類網(wǎng)頁特效　
任務(wù)9-1　實(shí)現(xiàn)頁面換膚網(wǎng)頁特效　
任務(wù)9-2　根據(jù)日期特征動(dòng)態(tài)切換背景　
9.1　正確使用cookie　
9.2　正確區(qū)分jquery對(duì)象和dom對(duì)象　
任務(wù)9-3　根據(jù)屏幕寬度自動(dòng)設(shè)置網(wǎng)頁背景和導(dǎo)航欄　
任務(wù)9-4　頁面快捷導(dǎo)航菜單的顯示與隱藏　
任務(wù)9-5　下拉窗口的打開與自動(dòng)隱藏　
任務(wù)9-6　滾動(dòng)屏幕時(shí)隱藏或顯示返回頂部導(dǎo)航欄　
任務(wù)9-7　選購商品時(shí)打開購物車頁面　
任務(wù)9-8　動(dòng)態(tài)切換頁面背景與調(diào)整頁面大小　
任務(wù)9-9　浮動(dòng)框架的高度自適應(yīng)頁面內(nèi)容的高度　
任務(wù)9-10　隨著屏幕高度變化隱藏或顯示返回頂部導(dǎo)航欄　
任務(wù)9-11　促銷信息的顯示與隱藏　

附錄a jquery的常用方法　
a.1　jquery的核心函數(shù)　
a.2　jquery的選擇器　
a.3　jquery的遍歷方法　
a.4　jquery的事件方法　
a.5　jquery的效果方法　
a.6　jquery的文檔操作方法　
a.7　jquery的dom元素方法　
a.8　jquery的屬性操作方法　
a.9　jquery的css操作方法　
a.10　jquery的尺寸方法　
a.11　jquery的數(shù)據(jù)操作方法　
a.12　jquery的ajax操作方法　

參考文獻(xiàn)

JavaScript+jQuery網(wǎng)頁特效設(shè)計(jì)實(shí)例教程 文章節(jié)選

jQuery流行新技術(shù)
示范校示范專業(yè)出品
精選9類100種常見網(wǎng)頁特效,學(xué)以致用

JavaScript+jQuery網(wǎng)頁特效設(shè)計(jì)實(shí)例教程

淘書團(tuán)

“2014年中國文學(xué)精選”5冊(cè)，精選2014年度中國詩歌、散文、隨筆、雜文和精短美文中最...

￥39

“紅木書簽+無事牌”一套，書簽和無事牌均由純正紅木制成，上有穿眼，可配穗子、掛繩...

￥39

“讀史觀天下．廿五史解讀”8冊(cè)，以歷史事實(shí)為依據(jù)，采用問答的形式，從后漢書、三國...

￥32

  本文關(guān)鍵詞：JavaScript+jQuery網(wǎng)頁特效設(shè)計(jì)實(shí)例教程，由筆耕文化傳播整理發(fā)布。