JavaScript网页交互特效范例与技巧PDF电子书下载

第1章 JavaScript基础 1

1.1 JavaScript概述 1

1.1.1 JavaScript的组成 1

1.1.2 JavaScript的特点 2

1.2 JavaScript基本语法 5

1.2.1 程序结构 5

1.2.2 JavaScript的数据结构 7

1.3 JavaScript程序基本构成 17

1.3.1 JavaScript程序设计 18

1.3.2 函数 21

1.3.3 对象 22

1.4 JavaScript面向对象编程 28

1.4.1 函数与对象 29

1.4.2 JavaScript中函数的深入认识 32

1.5 CCS样式语法基础 34

1.5.1 基本语法 34

1.5.2 选择符 34

第2章 对象应用 36

2.1 日期时间对象 36

2.1.1 显示当前星期 36

2.1.2 显示当前日期 38

2.2 字符串和图片对象 40

2.2.1 应用String对象截取特定文字 40

2.2.2 应用Image对象实现动画 42

2.2.3 Style对象应用 44

第3章 动态栏效果 48

3.1 修改标题栏和状态栏的默认属性 48

3.1.1 利用JavaScript更改标题栏和状态栏显示内容 48

3.1.2 修改超链接在状态栏上的显示信息 49

3.2 在状态栏显示动态效果 52

3.2.1 在状态栏显示当前时间 52

3.2.2 状态栏文字由左端弹出显示 57

3.3 文字循环滚动效果 61

3.3.1 文字首尾相接循环滚动显示 61

3.3.2 状态栏文字在右端与左端之间循环滚动 63

第4章 页面动态文字效果 69

4.1 单行文本框中的文字特效 69

4.1.1 单行文本框文字动态移动 69

4.1.2 任务拓展1 71

4.1.3 任务拓展2 71

4.1.4 任务拓展3 73

4.1.5 任务拓展4 76

4.2 多行文本框动态效果 79

4.2.1 多行文本框的跳动小人 79

4.2.2 任务拓展1 84

4.2.3 任务拓展2 86

4.2.4 任务拓展3 86

4.3 文本框中的动态公告 88

4.3.1 多条公告显示 88

4.3.2 任务拓展：带图片的公告栏 94

4.4 页面中动态文字滤镜效果 100

4.4.1 文字光晕滤镜效果 100

4.4.2 任务拓展1 104

4.4.3 任务拓展2 105

4.4.4 任务拓展3 108

第5章 时间应用 112

5.1 日期时间显示 112

5.1.1 日期与数字时钟 112

5.1.2 任务拓展1 114

5.1.3 任务拓展2 118

5.2 网页中时钟动态效果 120

5.2.1 网页中图像时钟动态效果 120

5.2.2 网页中带有倒影时钟动态效果 122

5.2.3 指针时钟动态效果 125

5.3 特定日期计时 130

5.3.1 进入网页时间计时 130

5.3.2 倒计时天数 132

5.3.3 倒计时秒数 134

5.3.4 生日信息提示 136

第6章 JavaScript面向对象编程应用 139

6.1 创建类和对象 139

6.1.1 使用Object（）对象定义的形式 139

6.1.2 采用对象初始器定义的形式Tson 140

6.1.3 采用构造器函数定义的形式 141

6.1.4 关于JavaScript中的函数与对象 142

6.2 对象数据封装及实例 142

6.2.1 JavaScript中OOP的封装 142

6.2.2 通过匿名函数创建带有私有静态成员的类 145

6.2.3 带有公有静态成员的类 150

6.2.4 静态类 151

6.3 继承 152

6.3.1 原型继承法 152

6.3.2 调用继承法 155

6.4 多态 157

6.4.1 重载及其实现 157

6.4.2 覆盖的实现 158

6.5 JavaScript的两种类型系统 159

6.5.1 基础类型系统 159

6.5.2 对象类型系统 161

6.5.3 函数在JavaScript面向对象机制中的五重身份 162

6.6 继承与多态 170

6.6.1 定义和赋值之间程序执行过程 170

6.6.2 this和执行上下文 172

第7章 动态广告 175

7.1 动态文字消息 175

7.1.1 两个消息框同时滚动显示 175

7.1.2 消息框中渐变交替显示文字信息 180

7.1.3 消息框文字自下而上不停地滚动 184

7.2 图片广告效果 187

7.2.1 利用CSS技术弹出图像浏览器 187

7.2.2 控制图片左右滚动 190

7.3 图片渐变交替显示 197

7.3.1 图片渐变交替显示1 197

7.3.2 图片渐变交替显示2 202

7.3.3 图片渐变交替显示3 206

第8章 网页导航菜单 211

8.1 树形目录导航设计 211

8.1.1 使用层对象设计树形目录 211

8.1.2 技术扩展：使用表格设计多级树形目录 219

8.2 利用CSS和JavaScript技术设计动态菜单 223

8.2.1 伸缩菜单 223

8.2.2 设计弹出菜单 231

8.3 页面移动菜单 237

8.3.1 浮在页面可移动导航菜单 237

8.3.2 浮在页面可移动和显示／隐藏导航菜单 240

8.4 推拉式导航菜单 244

8.4.1 单击推拉式导航菜单 244

8.4.2 指向推拉式浮动导航菜单 248

第9章 动态位置变化效果 257

9.1 动态对联广告 257

9.1.1 随滚动条移动的对联广告 257

9.1.2 QQ在线咨询链接上下浮动型代码 262

9.1.3 任务拓展：位于页面带有Flash浮动广告的代码编写 265

9.2 鼠标控制的变化 269

9.2.1 跟随鼠标移动的蛇形文字 269

9.2.2 围绕鼠标旋转的尾巴 272

第10章 jQuery应用 277

10.1 常用jQuery完成的任务 277

10.2 jQuery简单示例 281

10.3 jQuery应用 285

10.3.1 图片切换显示效果 285

10.3.2 利用jQuery呈现图片滚动效果 289