《JavaScript網頁特效案例教程/高等職業教育“十二五”規劃教材》分為 4 部分共 16 章。前兩部分內容分別是 HTML 基礎篇和 HTML 案例 篇,是 JavaScript 教學內容的前導內容,這兩部分內容系統歸納了 HTML 基本語 法規則與典型應用,便于讀者進一步夯實 HTML 基礎知識,為后續學習 JavaScript 做好鋪墊。第三部分為 JavaScript 基礎篇,主要介紹 JavaScript 的數據類型和基本 語法知識,以及基于對象、事件的腳本案例應用,使學生能夠在了解相關理論的 基礎上,具備相應的實際編程技能。第四部分為 JavaScript 應用篇,以網頁設計的 實戰項目為載體設計實例與教材內容,旨在通過項目驅動、案例教學,培養學生 的網頁設計通用能力,培養創新型的應用人才。 本書以高職高專學生為主要對象,可以作為高職高專計算機類的教材及職業培 訓教材,也可作為其他專業的選學教材。 為了方便教學,本書配備電子課件等教學資源。凡選用本書作為教材的教師均 可登錄機械工業出版社教育服務網 下載,或發送電子郵件索取。咨詢電話:010-88379375。
前言
HTML 基礎篇
第 1 章 HTML 語法
1.1 HTML 入門
1.1.1 HTML 簡介
1.1.2 HTML 基本結構以及書寫規范
1.2 文本.
1.2.1 常用文本標記
1.2.2 文本對齊設置
1.2.3 段落標記
1.3 列表.
1.3.1 有序列表標記
1.3.2 無序列表標記
1.3.3 其他列表標記
1.4 超鏈接.
前言
HTML 基礎篇
第 1 章 HTML 語法
1.1 HTML 入門
1.1.1 HTML 簡介
1.1.2 HTML 基本結構以及書寫規范
1.2 文本.
1.2.1 常用文本標記
1.2.2 文本對齊設置
1.2.3 段落標記
1.3 列表.
1.3.1 有序列表標記
1.3.2 無序列表標記
1.3.3 其他列表標記
1.4 超鏈接.
1.4.1 超鏈接標記
1.4.2 超鏈接種類
1.5 圖像.
1.5.1 圖像格式
1.5.2 圖像標記
1.5.3 圖像標記屬性設置.
1.5.4 圖像的超鏈接.
1.6 表格.
1.6.1 表格基本標記
1.6.2 表格標記屬性設置
1.6.3 表格邊框和背景設置.
1.6.4 修改表格的行屬性.
1.6.5 修改表格的單元格屬性.
1.7 表單
1.7.1 表單標記.
1.7.2 添加表單控件.
1.8 多媒體
1.8.1 動態文本
1.8.2 添加多媒體文件
HTML 案例篇
第 2 章 HTML 案例應用
2.1 HTML 文件格式
2.2 文本綜合應用
2.3 列表應用
2.3.1 嵌套列表例子
2.3.2 定義列表例子
2.3.3 列表擴展知識
2.3.4 列表高級應用舉例
2.4 超鏈接應用
2.4.1 超鏈接綜合應用
2.4.2 網頁中的錨記
2.5 圖像綜合應用
2.6 表格應用
2.6.1 表格綜合應用
2.6.2 表格高級應用舉例
2.7 表單應用
2.7.1 表單綜合應用
2.7.2 表單高級應用舉例
2.8 多媒體應用
2.8.1 設置動態文本
2.8.2 設置背景音樂
2.8.3 多媒體高級應用舉例
JavaScript 基礎篇
第 3 章 JavaScript 基礎.
3.1 JavaScript 基本語法 38
V
目錄
3.1.1 JavaScript 語法結構
3.1.2 基本數據類型
3.1.3 程序的流程控制
案例 3.1 .
案例 3.2 .
3.1.4 函數
案例 3.3 .
3.1.5 如何運行和調試 JavaScript 腳本.
3.1.6 全局變量與局部變量
案例 3.4 .
案例 3.5 .
案例 3.6 .
案例 3.7 .
3.1.7 參數個數可變的函數
案例 3.8 .
3.1.8 創建動態函數
案例 3.9 .
3.1.9 系統函數
案例 3.10 .
3.2 對象
3.2.1 對象與對象實例
案例 3.11 .
案例 3.12 .
案例 3.13 .
3.2.2 構造方法與 this 關鍵字
案例 3.14 .
3.2.3 在函數中修改參數值的問題
案例 3.15 .
案例 3.16 .
3.2.4 JavaScript 的內部對象
3.2.5 Object 對象
案例 3.17 .
3.2.6 String 對象.
3.2.7 Math 對象
3.2.8 Date 對象.
案例 3.18 .
3.2.9 toString()方法.
案例 3.19
3.2.10 專門用于對象的語句
案例 3.20
案例 3.21
案例 3.22
3.3 數組.
案例 3.23
案例 3.24
案例 3.25
案例 3.26
案例 3.27
3.4 JavaScript HTML DOM .
3.4.1 HTML DOM 對象構造樹
3.4.2 DHTML
3.4.3 事件與事件驅動
3.4.4 如何編寫事件處理程序
案例 3.28
案例 3.29
3.4.5 通用事件
3.5 window 對象.
3.5.1 window 對象的屬性
3.5.2 window 對象的方法
案例 3.30
案例 3.31
案例 3.32
3.5.3 window 對象的事件
案例 3.33
3.5.4 window 對象的對象屬性
案例 3.34
3.6 document 對象
3.6.1 document 對象的屬性.
案例 3.35
3.6.2 document 對象的方法.
案例 3.36
案例 3.3786
VI
JavaScript 網頁特效案例教程
案例 3.38.
3.6.3 document 對象的事件.
3.6.4 document 對象的對象屬性.
案例 3.39.
案例 3.40.
案例 3.41.
3.7 body 對象.
3.7.1 body 對象的方法
3.7.2 body 對象的屬性
案例 3.42.
案例 3.43.
案例 3.44.
案例 3.45.
案例 3.46.
3.7.3 body 對象的事件.
3.7.4 body 對象的對象屬性.
3.8 form 對象與表單元素
3.8.1 form 對象及其屬性
3.8.2 form 對象的方法
案例 3.47
案例 3.48
案例 3.49
3.8.3 form 對象的事件
案例 3.50
3.8.4 form 對象的對象屬性
3.8.5 form 表單字段元素的屬性
3.8.6 form 表單字段元素的方法
3.8.7 form 表單字段元素的事件
案例 3.51
案例 3.52
3.8.8 列表框(select)的屬性.
案例 3.53.
3.8.9 form 表單提交的幾種方法.
3.9 編寫兼容IE和NS的JavaScript代碼
3.9.1 檢查瀏覽器的類別.
3.9.2 層對象的引用.
3.9.3 CSS-P 屬性的引用.
3.9.4 層的定位.
3.9.5 修改和引用層中的內容.
JavaScript 應用篇
第 4 章 窗口案例應用
案例 4.1
案例 4.2
案例 4.3
案例 4.4
案例 4.5
第 5 章 日期案例應用
案例 5.1
案例 5.2
案例 5.3
案例 5.4
案例 5.5
案例 5.6
案例 5.7
案例 5.8
第 6 章 狀態欄效果案例應用
案例 6.1
案例 6.2
案例 6.3
第 7 章 文本框案例應用.
案例 7.1
案例 7.2
案例 7.3
第 8 章 頁面內容案例應用.
案例 8.1
案例 8.2
案例 8.3
案例 8.4
案例 8.5
案例 8.6
案例 8.7 159
VII
目錄
案例 8.8
案例 8.9
第 9 章 動態層案例應用.
案例 9.1
案例 9.2
案例 9.3
案例 9.4
第 10 章 菜單案例應用
案例 10.1
案例 10.2
第 11 章 滾動設計案例應用.
案例 11.1
案例 11.2
第 12 章 圖文效果變換案例應用.
案例 12.1
案例 12.2
案例 12.3
案例 12.4
第 13 章 動態數據表單案例應用前言
HTML 基礎篇
第 1 章 HTML 語法
1.1 HTML 入門
1.1.1 HTML 簡介
1.1.2 HTML 基本結構以及書寫規范
1.2 文本
1.2.1 常用文本標記
1.2.2 文本對齊設置
1.2.3 段落標記
1.3 列表
1.3.1 有序列表標記
1.3.2 無序列表標記
1.3.3 其他列表標記
1.4 超鏈接
1.4.1 超鏈接標記
1.4.2 超鏈接種類
1.5 圖像
1.5.1 圖像格式
1.5.2 圖像標記
1.5.3 圖像標記屬性設置
1.5.4 圖像的超鏈接
1.6 表格
1.6.1 表格基本標記
1.6.2 表格標記屬性設置
1.6.3 表格邊框和背景設置
1.6.4 修改表格的行屬性
1.6.5 修改表格的單元格屬性
1.7 表單
1.7.1 表單標記
1.7.2 添加表單控件
1.8 多媒體
1.8.1 動態文本
1.8.2 添加多媒體文件
HTML 案例篇
第 2 章 HTML 案例應用
2.1 HTML 文件格式
2.2 文本綜合應用
2.3 列表應用
2.3.1 嵌套列表例子
2.3.2 定義列表例子
2.3.3 列表擴展知識
2.3.4 列表高級應用舉例
2.4 超鏈接應用
2.4.1 超鏈接綜合應用
2.4.2 網頁中的錨記
2.5 圖像綜合應用
2.6 表格應用
2.6.1 表格綜合應用
2.6.2 表格高級應用舉例
2.7 表單應用
2.7.1 表單綜合應用
2.7.2 表單高級應用舉例
2.8 多媒體應用
2.8.1 設置動態文本
2.8.2 設置背景音樂
2.8.3 多媒體高級應用舉例
JavaScript 基礎篇
第 3 章 JavaScript 基礎
3.1 JavaScript 基本語法 38
V
目錄
3.1.1 JavaScript 語法結構
3.1.2 基本數據類型
3.1.3 程序的流程控制
案例 3.1
案例 3.2
3.1.4 函數
案例 3.3
3.1.5 如何運行和調試 JavaScript 腳本
3.1.6 全局變量與局部變量
案例 3.4
案例 3.5
案例 3.6
案例 3.7
3.1.7 參數個數可變的函數
案例 3.8
3.1.8 創建動態函數
案例 3.9
3.1.9 系統函數
案例 3.10
3.2 對象
3.2.1 對象與對象實例
案例 3.11
案例 3.12
案例 3.13
3.2.2 構造方法與 this 關鍵字
案例 3.14
3.2.3 在函數中修改參數值的問題
案例 3.15
案例 3.16
3.2.4 JavaScript 的內部對象
3.2.5 Object 對象
案例 3.17
3.2.6 String 對象
3.2.7 Math 對象
3.2.8 Date 對象
案例 3.18
3.2.9 toString()方法
案例 3.19
3.2.10 專門用于對象的語句
案例 3.20
案例 3.21
案例 3.22
3.3 數組
案例 3.23
案例 3.24
案例 3.25
案例 3.26
案例 3.27
3.4 JavaScript HTML DOM
3.4.1 HTML DOM 對象構造樹
3.4.2 DHTML
3.4.3 事件與事件驅動
3.4.4 如何編寫事件處理程序
案例 3.28
案例 3.29
3.4.5 通用事件
3.5 window 對象
3.5.1 window 對象的屬性
3.5.2 window 對象的方法
案例 3.30
案例 3.31
案例 3.32
3.5.3 window 對象的事件
案例 3.33
3.5.4 window 對象的對象屬性
案例 3.34
3.6 document 對象
3.6.1 document 對象的屬性
案例 3.35
3.6.2 document 對象的方法
案例 3.36
案例 3.3786
VI
JavaScript 網頁特效案例教程
案例 3.38
3.6.3 document 對象的事件
3.6.4 document 對象的對象屬性
案例 3.39
案例 3.40
案例 3.41
3.7 body 對象
3.7.1 body 對象的方法
3.7.2 body 對象的屬性
案例 3.42
案例 3.43
案例 3.44
案例 3.45
案例 3.46
3.7.3 body 對象的事件
3.7.4 body 對象的對象屬性
3.8 form 對象與表單元素
3.8.1 form 對象及其屬性
3.8.2 form 對象的方法
案例 3.47
案例 3.48
案例 3.49
3.8.3 form 對象的事件
案例 3.50
3.8.4 form 對象的對象屬性
3.8.5 form 表單字段元素的屬性
3.8.6 form 表單字段元素的方法
3.8.7 form 表單字段元素的事件
案例 3.51
案例 3.52
3.8.8 列表框(select)的屬性
案例 3.53
3.8.9 form 表單提交的幾種方法
3.9 編寫兼容IE和NS的JavaScript代碼
3.9.1 檢查瀏覽器的類別
3.9.2 層對象的引用
3.9.3 CSS-P 屬性的引用
3.9.4 層的定位
3.9.5 修改和引用層中的內容
JavaScript 應用篇
第 4 章 窗口案例應用
案例 4.1
案例 4.2
案例 4.3
案例 4.4
案例 4.5
第 5 章 日期案例應用
案例 5.1
案例 5.2
案例 5.3
案例 5.4
案例 5.5
案例 5.6
案例 5.7
案例 5.8
第 6 章 狀態欄效果案例應用
案例 6.1
案例 6.2
案例 6.3
第 7 章 文本框案例應用
案例 7.1
案例 7.2
案例 7.3
第 8 章 頁面內容案例應用
案例 8.1
案例 8.2
案例 8.3
案例 8.4
案例 8.5
案例 8.6
案例 8.7 159
VII
目錄
案例 8.8
案例 8.9
第 9 章 動態層案例應用
案例 9.1
案例 9.2
案例 9.3
案例 9.4
第 10 章 菜單案例應用
案例 10.1
案例 10.2
第 11 章 滾動設計案例應用
案例 11.1
案例 11.2
第 12 章 圖文效果變換案例應用
案例 12.1
案例 12.2
案例 12.3
案例 12.4
第 13 章 動態數據表單案例應用
案例 13.1
案例 13.2
案例 13.3
案例 13.4
案例 13.5
案例 13.6
案例 13.7
案例 13.8
案例 13.9
案例 13.10
案例 13.11
第 14 章 鼠標效果案例應用
案例 14.1
案例 14.2
案例 14.3
第 15 章 編寫兼容IE 和 NS 的
JavaScript 代碼案例應用
案例 15.1
案例 15.2
第 16 章 其他常用效果案例應用
案例 16.1
案例 16.2
案例 16.3
案例 16.4
案例 16.5
參考文獻
案例 13.1
案例 13.2
案例 13.3
案例 13.4
案例 13.5.
案例 13.6.
案例 13.7.
案例 13.8.
案例 13.9.
案例 13.10.
案例 13.11.
第 14 章 鼠標效果案例應用.
案例 14.1.
案例 14.2.
案例 14.3.
第 15 章 編寫兼容IE 和 NS 的
JavaScript 代碼案例應用
案例 15.1.
案例 15.2.
第 16 章 其他常用效果案例應用
案例 16.1.
案例 16.2.
案例 16.3.
案例 16.4.
案例 16.5.
參考文獻