目录 2
5分钟先修课程 认识JavaScript 2
1 JavaScript的由来 2
2 JavaScript和Java的差异 3
3 JavaScript很难吗? 4
4 网页中哪里有JavaScript 5
5 一窥JavaScript的原始面貌 8
第一篇 撰写第一个JavaScript程式 11
1 启动FrontPage2000 11
2 撰写JavaScript程式内容—欢迎对话盒 13
3 套用随书附赠光碟中的程式码 16
4 储存写好的成果 21
学习补给站:修改欢迎对话盒讯息内容 23
5 JavaScript的重要观念 24
观念解说:“物件”、“方法”和“参数” 25
学习补给站:解决与旧浏览器的相容问题 27
6 告诉网友今天的日期 28
程式说明 30
观念解说:变数的使用 33
7 如何知道程式哪里写错 34
Summary撰写JavaScript程式的学习重点整理 36
第二篇 让网页显示日期和时间 38
1 在网页中即时显示目前时间 38
程式说明 41
基本语法:变数的宣告与“if”的基本语法 44
观念解说:函式的使用 46
学习补给站:加上A.M和P.M. 47
2 根据时间显示不同的欢迎讯息 49
①根据时间显示不同的欢迎讯息 49
程式说明 51
基本语法:“if”的用法 53
学习补给站:修改欢迎讯息的内容 54
②每天显示不同的欢迎讯息 55
程式说明 57
3 让网页背景及图案随时间变化 58
①制作白天是白色背景,夜晚是黑色背景的网页 58
程式说明 60
基本语法:逻辑运算子的使用 61
观念解说:物件的“属性” 62
②让网页随时间更换不同的的图片 63
程式说明 64
4 告诉使用者遨游网页的时间 65
程式说明 67
5 进阶日期和时间效果的应用 69
①进阶动态显示时间效果—直接在网页中显示时间 69
②进阶在网页中显示日期的效果 71
Summary让网页显示日期和时间的学习重点整理 73
第三篇 设计动态网页讯息 75
1 侦测萤幕解板度 75
①根据不同的萤幕解析度显示不同的讯息 75
程式说明 77
学习补给站:以对话盒显示调整萤幕解析度的讯息 78
②根据萤幕解析度显示不同的网页 80
程式说明 82
2 自动侦测访客浏览器的版本 83
①在网页中显示访客浏览器的版本 83
程式说明 85
学习补给站:使讯息显示更精简 86
②以讯息对话盒显示浏览器讯息 88
程式说明 89
③根据不同的浏览器显示不同的网页 90
程式说明 91
3 显示网页最后更新时间 92
程式说明 94
4 自动转换另一个网页显示 95
程式说明 97
5 将网页加到“我的最爱” 98
程式说明 100
6 自动关闭的欢迎光临视窗 101
程式说明 103
学习补给站:修改欢迎视窗的程式内容 105
7 离开网页时显示再见的讯息 106
程式说明 108
Summary设计动态网页讯息的学习重点整理 109
第四篇 制作跑马灯及广告轮播效果 111
1 在状态列显示闪烁的讯息 111
程式说明 113
学习补给站:修改状态列讯息内容的方法 114
2 卷动式的跑马灯文字效果 115
程式说明 117
基本语法:While的用法与算术运算子 119
学习补给站:修改跑马灯文字效果 120
3 打字机式的跑马灯效果 121
①一般打字机的跑马灯效果 121
程式说明 123
基本语法:阵列 125
学习补给站:修改打字机跑马灯的内容 126
②让讯息前进再倒退的打字机效果 127
程式说明 128
③倒退滑动的打字机效果 130
程式说明 130
4 左右滑动的跑马灯效果 132
程式说明 134
学习补给站:修改左右滑动的跑马灯内容 136
5 使用文字方框制作跑马灯效果 137
程式说明 139
6 制作广告轮播的效果 141
程式说明 143
学习补给站:修改成自己的广告轮播内容 145
7 进阶的广告轮播器 146
程式说明 148
学习补给站:修改可轮流替换的广告轮播器内容 151
8 进阶的跑马灯效果 152
①进阶的逐字显示跑马灯效果 152
学习补给站:修改逐字显示的跑马灯内容 155
②文字放大缩小的跑马灯 156
学习补给站:修改文字放大缩小的跑马灯内容 159
Summary跑马灯及广告轮播效果的学习重点整理 160
第五篇 制作动态网页背景、文字特效 162
1 变换不同的背景色彩 162
①变换网页背景色彩 162
程式说明 164
学习补给站:设定网页背景色彩 166
②使网页背景色彩逐渐变亮 169
程式说明 170
③由浏览者自行决定背景色彩 172
程式说明 174
2 每天显示不同的背景图片 176
①设定每天更换不同的背景图片 176
程式说明 178
②随机选择图片显示 180
程式说明 181
3 利用自动卷动视窗显示网页 182
①让网页自动向下卷动 182
程式说明 184
学习补给站:修改自动向下卷动视窗的效果 185
②让网页来回卷动的效果 186
程式说明 187
4 波浪的文字效果 189
程式说明 191
基本语法:“for”回圈的用法 193
5 进阶的网页背景和文字效果 194
①移动的背景图片效果 194
②霓虹灯的文字效果 197
Summary制作动态网页背景、文字效果的学习重点整理 201
第六篇 超链接的各种特效 203
1 快速回到上一页或下一页 203
程式说明 205
2 滑鼠指到超链接时显示相关讯息 206
程式说明 208
3 使用超链接制作动态图片效果 209
程式说明 211
学习补给站:修改动态图片效果的内容 212
4 下拉式选单的超链接效果 213
程式说明 215
学习补给站:修改下拉式选单的内容 217
5 按钮的超链接效果 218
程式说明 220
学习补给站:修改按钮链接效果 221
6 进阶的超链接效果 222
①在视窗中固定显示超链接选单 222
②制作浮水印的图片效果 225
学习补给站:修改浮水印图片内容 227
Summary各种超链接特效的学习重点整理 228
第七篇 记录浏览者的资讯 230
1 如何记录浏览者的资讯 230
2 显示莅临网站的次数 233
①显示访客浏览网页次数的讯息对话盒 233
程式说明 235
②依不同访客,出现不同的对话盒讯息 237
程式说明 238
学习补给站:显示访客上次莅临网站的时间 240
3 欢迎新访客的开场白 243
程式说明 245
4 显示浏览者的昵称 247
程式说明 248
Summary记录浏览者资讯的学习重点整理 250
附录 251
哪里找现成的JavaScript的程式 251
《结语》进入JavaScript的殿堂 252