前言

HTML、CSS、JavaScript三者配合應用，可構造出豐富多彩的網頁，它們使網頁包含更多活躍的元素和更加精彩的內容。HTML是一種純文本的、解釋執行的標記語言，它定義了網頁結構和網頁元素，能夠實現網頁的普通格式要求。CSS實現了網頁結構與表現樣式完全分離，彌補了HTML對網頁格式化功能的不足，對網頁布局和網頁元素的控制功能更加強大，能夠實現網頁中特殊格式的要求。JavaScript主要實現實時的、動態的、可交互的功能，對客戶操作進行響應，顯示各種自定義內容。

在實際工作中，我們需要將JavaScript程序嵌入HTML文檔中，與HTML標簽相結合，對網頁元素進行控制，對用戶操作有所響應，從而實現網頁動態交互的特殊效果。這種特殊效果通常稱為網頁特效。在網頁中添加一些恰當的特效，能使頁面具有一定的動態效果，能吸引瀏覽者的注意，提高頁面的觀賞性和趣味性。隨著網絡技術的發展，JavaScript語言越來越受歡迎，在數以百萬計的網頁中被用于改進設計、驗證表單、檢測瀏覽器、創建Cookie等。

jQuery是一個輕量級的庫，實現了操作行為（JavaScript代碼）和網頁內容（HTML代碼）的分離，憑借簡潔的語法和跨平臺的兼容性，極大地簡化了JavaScript開發人員遍歷HTML文檔、操作DOM、處理事件、執行動畫和開發AJAX的操作。jQuery擁有強大的選擇器、出色的DOM操作、可靠的事件處理機制、完善的兼容性、獨創的鏈式操作方式等，以其獨特而優雅的代碼風格改變了JavaScript程序員的設計思路和編程方式，因而受到越來越多人的追捧，吸引了一批批的JavaScript開發者去學習和研究。

同時，技術的更新也推動著高職高專院校課程的改革，目前，越來越多的高職高專院校對網頁設計和制作課程進行了細化和優化，開始開設網頁特效設計類課程。為了滿足課程教學需要，我們編寫了本書。

本書具有以下特色和創新點。

（1）合理選取和重構教學內容，科學安排教學單元的順序。本書從網頁特效在網頁中實際應用的角度來詮釋JavaScript語言的語法和jQuery庫的應用，而不是從JavaScript理論知識本身取舍教學內容。本書遵循學習者的認知規律和技能的形成規律，將網頁特效分為基本網頁特效、日期時間類網頁特效、文字類網頁特效、圖片類網頁特效、表單控件類網頁特效、導航菜單類網頁特效、選項卡類網頁特效、內容展開與折疊類網頁特效和頁面類網頁特效這9類，同時相應地將內容分為9個教學單元，每個教學單元分析和設計一種類型的網頁特效，將JavaScript和jQuery的相關知識合理地安排到各個教學單元中。

（2）以實際網站中常見的真實網頁特效為載體組織教學內容，強化操作技能訓練，提升學習者的動手能力。我們在課程建設的過程中，分析研究了1 000多個不同類型的網頁特效，先后經過4次篩選、簡化和優化，最終確定了9類91個源自真實網站的網頁特效作為本書的教學案例，學習者在設計網頁時可以根據實際需要靈活使用這些網頁特效，以實現學以致用。

（3）圍繞這91個網頁特效設計任務，我們采用了“任務驅動、精講多練、理論實踐一體化”的教學方法，全方位促進學習者網頁特效分析設計能力的提升，引導學習者在完成各個網頁特效設計任務的過程中，逐步理解靈活多變的JavaScript語法知識，循序漸進地學會jQuery庫的應用，從而熟練掌握形式多樣的網頁特效的設計方法。

本書在每個教學單元中巧妙地設置了3條主線：教學過程主線、理論知識主線和操作任務主線，形成了獨具特色的復合結構體例，充分考慮教學實施的需求。我們為每個教學單元都設置了完整的教學環節，幫助教師按照“教學導航→特效賞析→知識必備→引導訓練→自主訓練”5個環節組織教學。每個教學單元相關的理論知識相對獨立，以節的方式組織，形成了系統性強、條理性強、循序漸進的理論知識體系。每個教學單元根據學習知識和訓練技能的需要合理設置網頁特效設計任務，分為“特效賞析—引導訓練—自主訓練”3個層次，其中引導訓練任務按“任務描述—思路探析—特效實現”3個步驟實施，同時根據需要對實現網頁特效的代碼進行了必要的解釋和說明。

（4）本書配套教學資源豐富。教學單元設計、教學過程設計、網頁特效設計、任務設計、JavaScript和jQuery相關知識的選取與序化、教學案例、電子教案等教學資源一應俱全，力求做到想師生之所想，急師生之所急。請登錄人郵教育社區（www.ryjiaoyu.com）下載使用教學輔助資源。

本書適合實施理論實踐一體化教學，平均6～8課時為一個教學單元，可以以串行方式（連續安排2～3周）組織教學，也可以以并行方式（每周安排6～8課時，安排8周左右，每周完成一個教學單元）組織教學。

本書由湖南鐵道職業技術學院陳承歡教授編著，譚傳武、馮向科、顏謙和、吳獻文、謝樹新、顏珍平、侯偉、肖素華、林保康、張麗芳等多位老師參與了網頁特效的設計、優化以及部分章節的編寫、校對和整理工作。感謝西安博達軟件股份有限公司的工程師對本書提出了許多寶貴建議并提供了部分真實案例。

由于編者水平有限，書中難免存在疏漏之處，敬請各位讀者批評指正，作者的QQ號碼為1574819688，感謝您使用本書，期待本書能成為您的良師益友。

編者

2022年8月