486个JavaScript网页特效详解

《网页开发手记—486个javascript网页特效详解(含cd光盘1张)》

第1章 页面特效 1

1.1 html页面反向显示 2

1.2 页面自动最大化 2

1.3 页面自动刷新 3

1.4 页面的后退、刷新、前进 4

1.5 保护网页源代码 5

1.6 保护自己的网页不被放入框架 5

1.7 打印页面的出错原因 6

1.8 当前网页调用其他网页 7

1.9 倒计时载入页面 7

1.10 定义网页的关键字 8

1.11 进入页面同时弹出欢迎对话框 9

1.12 禁止网页另存 9

1.13 禁止页面加入缓存 10

1.14 离开页面时弹出对话框 11

1.15 判断页面是否添加了w3c声明 11

1.16 屏蔽网页中的脚本 12

1.17 以频道模式打开页面 12

1.18 自动识别网页类型 13

.1.19 在网页中动态添加script脚本 14

1.20 用javascript随机修改页面的标题 15

1.21 判断网页加载完毕 15

1.22 网页中嵌入播放器 16

1.23 设置指定网页为主页 17

1.24 使用javascript传递页面参数 18

1.25 冻结页面 19

第2章 按钮特效 20

2.1 页面刷新按钮 21

2.2 按enter键调用登录按钮 21

2.3 动态创建按钮 22

2.4 平面按钮 23

2.5 按钮的嵌入效果 23

2.6 改变状态栏信息按钮 24

2.7 定义按钮的热键 25

2.8 取得控件的绝对位置 25

2.9 删除时的确认提示 26

2.10 按钮只能单击一次 27

2.11 防止按钮连击 27

2.12 图片式按钮 28

2.13 在按钮底部显示文字 29

2.14 选择不同的列表项时显示不同的按钮 30

2.15 使用按钮控制文本渐变 31

2.16 带翻页效果的公告栏 34

2.17 动态设置控件的事件 36

第3章 字符串文本和输入框特效 37

3.1 只带下画线的输入框 38

3.2 限定文本框可输入字符数 38

3.3 文字过长时的省略界面 39

3.4 输出26个英文字母 40

3.5 首字母变为大写 40

3.6 textarea自适应文字行数 42

3.7 禁止文本的复制和粘贴 42

3.8 控制两个文本框只输入其一 43

3.9 判断编辑器中是否包含特殊字符 44

3.10 判断文本中回车的数量 45

3.11 判断字符串中有多少汉字 45

3.12 去除字符串前后的空格 46

3.13 刷新时清空所有文本框 47

3.14 随意改变大小的文本框 48

3.15 文本框的自动全选 48

3.16 文本框滚动导航 49

3.17 按钮获取焦点 50

3.18 文本框获取焦点弹出下拉框 51

3.19 文本框简单的单击效果 52

3.20 文字的打字效果 53

3.21 文字滚动 54

3.22 文字滑动 55

3.23 文字跳动特效 57

3.24 荧光效果的文本 58

3.25 文字逐个闪亮——霓虹灯效果 59

3.26 旋转式的变色文字特效 61

3.27 《黑客帝国》中的字符下落效果 62

3.28 获取表单中文本框的个数 65

3.29 光标停在文本框最后 66

3.30 分行取textarea中的值 67

3.31 自动插入文本 68

3.32 选取textarea中的指定行 69

3.33 文本放大镜 70

3.34 文本框的默认输入法 71

3.35 文本框中显示网页中选中的内容 72

3.36 文字的垂直滚动 73

3.37 文字幻灯片 74

3.38 随机动态文字效果 75

3.39 实现textarea的自动滚动 76

3.40 使用marquee实现文字上下滚动 77

3.41 类似安装效果的textarea滚动 78

3.42 始终显示在最顶端的文本 79

3.43 javascript过滤sql注入字符 80

3.44 textarea内实现行的翻页效果 81

3.45 textarea中的文本插入 82

3.46 查找两段文本中相同的词句 83

3.47 自动保存网页的文本 85

3.48 文本编辑器 86

第4章 鼠标特效 93

4.1 禁用鼠标右键 94

4.2 使鼠标滚轮失效 94

4.3 状态栏显示鼠标位置 95

4.4 单击鼠标右键到指定页 96

4.5 鼠标放到图片上会显示另外一张图片 97

4.6 鼠标形状定义大全 98

4.7 鼠标移入移出时颜色变化 99

4.8 跟随鼠标的文字 99

4.9 跟随鼠标的彩色文字 101

4.10 跟随鼠标的魔法文字 103

4.11 跟随鼠标的星星 105

4.12 跟随鼠标的旋转背景 107

4.13 图片跟随鼠标 109

4.14 围绕鼠标的文本 110

4.15 鼠标旁边的提示信息 112

4.16 鼠标移到下拉框时自动全部打开 114

4.17 checkbox鼠标移入移出的特效 115

第5章 层和框架的特效 117

5.1 div层提示效果 118

5.2 层自动滚动到底端 119

5.3 div的自动滚动 120

5.4 div的折叠效果 121

5.5 圆角div 123

5.6 动态添加iframe框架 124

5.7 用层实现长篇文章分页 124

5.8 iframe自适应高度 126

5.9 类似msn的消息提示 128

5.10 只打印iframe的内容 131

第6章 下拉列表特效 132

6.1 下拉列表框实现多选 133

6.2 实现两个select的同步 133

6.3 被选中的列表项下次不能再选 134

6.4 不带滚动条的select 135

6.5 从一个下拉列表往另一个下拉列表添加内容 136

6.6 改变列表项的上下顺序 138

6.7 给下拉列表框数据分组 139

6.8 获取下拉列表框的选择 140

6.9 类ie下拉列表框 141

6.10 下拉列表框式邮件发送 142

6.11 手动调整的列表框 143

6.12 下拉框式网站导航 145

6.13 综合的搜索引擎 146

6.14 经典的listview列表框 147

第7章 键盘操作和状态栏特效 150

7.1 按功能键返回首页 151

7.2 enter键实现tab键功能 151

7.3 ctrl+enter提交数据 152

7.4 ie中屏蔽退格键（backspace） 153

7.5 屏蔽键盘所有键 153

7.6 javascript捕获方向键 154

7.7 状态栏变化信息 155

7.8 状态栏的跑马灯效果 157

7.9 状态栏缩放文字 158

7.10 状态栏文字来回显示 159

7.11 交替闪烁的状态栏 160

7.12 状态栏的分解显示文本特效 161

7.13 状态栏文字从右弹出 162

7.14 状态栏中文字从中间分开显示 164

7.15 屏蔽掉ie自带的功能键 165

第8章 链接特效 166

8.1 关闭窗口的链接 167

8.2 不用css实现链接样式的变化 167

8.3 让链接没有下画线 168

8.4 去掉超链接单击时的边框 169

8.5 提取页面中所有链接 169

8.6 一个链接打开两个地址 170

8.7 为链接提供下拉菜单 171

8.8 按钮链接 172

8.9 弹出鼠标所指的链接地址 172

8.10 链接的注释 173

8.11 为超链接同时绑定单击和双击事件 174

8.12 带链接的滚动字幕 175

8.13 会跳舞的链接 176

8.14 检测站点的链接速度 177

8.15 文本链接的渐变效果 179

第9章 表格特效 182

9.1 用table做的镜框 183

9.2 全自动单元格 183

9.3 突出的表格 184

9.4 让表格有提示信息 185

9.5 闪亮的表格边框 186

9.6 表格的宽度固定后内容自动换行 187

9.7 表格的排序 187

9.8 表格的斜线 189

9.9 table中的文字滚动 191

9.10 javascript遍历table的行和列 191

9.11 表格按enter键自动生成新行 192

9.12 单击单元格背景变色 193

9.13 单击表格某行后其他行隐藏 194

9.14 单击表头实现表格排序 196

9.15 单击单元格显示行的详细信息 197

9.16 表格设置为“100%”时获取表格的宽度 198

9.17 表格选中后变色 199

9.18 表格中隐藏下级表格 201

9.19 表格自动下移 202

9.20 动态创建固定列数的表格 203

9.21 动态改变表格列宽 204

9.22 动态改变表格的行顺序 205

9.23 动态生成包含合并单元格的表格 207

9.24 用键盘上下键实现表格行的上下选择 208

9.25 用javascript隐藏或显示表格列 210

9.26 滚动的表格 212

9.27 交换表的行 213

9.28 动态拖放表格的宽度 214

9.29 可输入内容的表格 216

9.30 可以分级的表格隐藏 216

9.31 动态创建表格并实现分页 218

9.32 删除表格指定行 219

9.33 设置表格的交替行颜色 221

9.34 双击单元格变为可编辑 221

9.35 鼠标经过表格时列变色 222

9.36 鼠标选择表格中的多行 224

9.37 使用javascript向表格中写入数据 225

9.38 类c# gridview的编辑效果（一） 226

9.39 类c# gridview的编辑效果（二） 227

第10章 单选按钮和复选框 229

10.1 选择了哪一个单选按钮 230

10.2 单击文字实现单选按钮的选定 230

10.3 被选中的复选框求和 231

10.4 复选框组选 232

10.5 复选框分组全选 233

10.6 复选框和文本框的联动效果 235

10.7 单击任意单元格都能自动选中复选框 236

10.8 调用复选框后面的文字 237

10.9 两组复选框互斥问题 237

10.10 使用复选框控制文本框 239

10.11 选中表格行前的复选框则行变色 240

10.12 用javascript生成面包屑导航 241

10.13 复选框的反选 242

10.14 复选框全选（一） 243

10.15 复选框全选（二） 244

10.16 获取复选框的选择项 245

10.17 改变select选中项的颜色特效 246

第11章 颜色处理和菜单特效 248

11.1 背景颜色测试 249

11.2 rgb颜色在线转换 250

11.3 颜色切换板 251

11.4 下拉菜单 252

11.5 左键弹出式菜单 254

11.6 目录样式的下拉菜单 255

11.7 网页中的选项卡 256

11.8 静态导航菜单 258

11.9 烟花效果的下拉菜单 260

11.10 网络导航条 262

11.11 隐藏式菜单 264

11.12 仿flash菜单 268

11.13 滚动导航菜单 270

11.14 幻灯片式的导航菜单 271

11.15 类似qq主界面的菜单 273

11.16 三级联动菜单（一） 275

11.17 三级联动菜单（二） 277

11.18 树型目录菜单 280

第12章 窗口特效与弹出式警告 282

12.1 无关闭按钮的窗口 283

12.2 鼠标控制窗口开关 284

12.3 使窗口只在第一次访问时弹出 284

12.4 禁止弹出警告框 285

12.5 关闭窗口不提示的方法 286

12.6 关闭窗口时的提示 287

12.7 定时弹出窗口 287

12.8 调整窗口的大小 288

12.9 打开的窗口居中 288

12.10 打开窗口的等待提示 289

12.11 在打开的窗口中返回数据 290

12.12 创建弹出窗口 291

12.13 不允许窗口出现滚动条 292

12.14 页面打开的同时打开另外两个窗口 292

12.15 慢慢变大的窗口 293

12.16 设置新打开的窗口为活动窗口 294

12.17 页面随窗口的改变而改变 295

12.18 幻灯片式弹出窗口 295

12.19 弹出窗口生成器 297

12.20 关不掉的警告框 298

12.21 循环的警告框 299

12.22 屏蔽状态栏的错误提示 300

12.23 获取模式窗口的值 301

第13章 日期和时间特效 303

13.1 指定时间关闭页面 304

13.2 最简单的时间日期特效 304

13.3 获取时间的最简单方法 305

13.4 随日期变换的文本 305

13.5 输入框的默认值为当天 307

13.6 时间相加 308

13.7 12小时制和24小时制的转换 308

13.8 标题栏显示时间 310

13.9 超过时间页面自动跳转 311

13.10 分时段问候用户 311

13.11 获取服务器时间 312

13.12 倒计时显示 313

13.13 背景时钟 314

13.14 计算某天是星期几 315

13.15 计算时间差 317

13.16 计算用户浏览网页的时间 318

13.17 记录页面的修改时间 318

13.18 将日期转换为字符串的方法 319

13.19 检测是否是闰年 320

13.20 年份加减函数 321

13.21 精确到千分之一秒 322

13.22 距离某天的时间 324

13.23 判断两个字符串日期的大小 326

13.24 显示登录时间 327

13.25 中文日期样式（一） 328

13.26 中文日期样式（二） 329

13.27 状态栏动态显示时间 330

13.28 页面访问时间限制 331

13.29 显示英文的上、下午时间标签 332

13.30 用javascript制作的特色时钟 333

13.31 自定义的日历 335

13.32 生日提醒器 339

13.33 时间的倒影 341

13.34 使用正则表达式验证日期 342

13.35 全面的日期选择功能 343

13.36 全球的时间查看表 345

13.37 无刷新定时取数据 347

13.38 取当月的最后一天 349

第14章 数字、数组和统计函数特效 351

14.1 边打字边显示字数 352

14.2 创建随机数 352

14.3 javascript创建二维数组 353

14.4 截断小数点位数 355

14.5 删除数组中指定元素 355

14.6 数字选中后放大 356

14.7 统计字符数的方法 358

14.8 javascript遍历数组 359

14.9 获取字符串型数组索引的数组长度 359

14.10 用javascript实现数组排序 360

14.11 数字千分位函数 361

14.12 读写cookie的函数 362

14.13 获取javascript函数中的所有参数 364

14.14 奇偶数的判断 364

14.15 在javascript运行vbscript函数 365

14.16 购物篮中常用的计算总价效果 366

14.17 同一用户的来访统计 367

14.18 16进制数转换为10进制数 369

14.19 将url转化为16进制 370

14.20 小写金额转换为大写金额 370

14.21 通过两点坐标计算直线距离 372

14.22 随机抽取彩票 374

14.23 实时计算折扣 375

14.24 实用计算器 376

14.25 前面补0的方法 378

第15章 图片的特效 380

15.1 图片变形效果 381

15.2 图片的翻转效果 381

15.3 图片的模糊效果 382

15.4 图片的水印效果 383

15.5 图片淡出淡隐 384

15.6 图片的渐隐播放效果 385

15.7 文字环绕图片 386

15.8 图片切换的特殊效果 387

15.9 晃动的图片 389

15.10 定时消失的图片 391

15.11 qq图片一闪一闪的效果 392

15.12 设置textarea中的图片不处于编辑状态 392

15.13 禁止图片的复制 393

15.14 logo像雪花一样落下 394

15.15 多幅图片分页滚动显示 397

15.16 循环滚动显示图片 399

15.17 图片的选择展示 403

15.18 图片新闻切换效果 404

15.19 判断上传图片的大小 405

15.20 上传图片时预览 406

15.21 对联广告 407

15.22 带关闭的对联广告 409

15.23 到边界反弹的漂浮图片 410

15.24 用键盘控制图片移动 413

15.25 预装载图片提高站点速度 414

15.26 始终在屏幕右下角的图片 415

15.27 可拖动的图片 416

15.28 等比例缩略图 418

15.29 用javascript导出图片到excel 419

15.30 使用vml打造可改变大小的圆框 420

15.31 javascript实现文档结构图 421

15.32 判断一幅图片是否加载完毕 427

第16章 页面数据的验证 428

16.1 验证字符串是否全由数字组成 429

16.2 验证表单项必须填写 429

16.3 判断用户输入是否为中文 430

16.4 验证列表框中的值是否重复 431

16.5 检测输入框的统一方法 432

16.6 e-mail的验证 433

16.7 不使用正则验证ip地址 434

16.8 ip地址输入框 434

16.9 判断变量是否已经定义 435

16.10 判断方法是否已经定义 436

16.11 表单验证样式 437

16.12 判断表单是否已修改 438

16.13 判断控件的类型 439

16.14 密码强度检查 440

16.15 身份证号的验证 442

16.16 javascript生成验证码（一） 443

16.17 javascript生成验证码（二） 444

第17章 进度条、滚动条的特效处理 446

17.1 使用符号制作的进度条 447

17.2 用table制作进度条 448

17.3 用css+js制作进度条（一） 449

17.4 用css+js制作进度条（二） 450

17.5 进度条形式的下载效果 452

17.6 滑动条（一） 454

17.7 滑动条（二） 458

17.8 窗体滚动条随文字增加自动滚动 461

17.9 为textarea加横向滚动条 462

17.10 记录滚动条位置 463

17.11 彩色滚动条 464

17.12 windows xp的滚动条 464

第18章 在线考题案例 466

18.1 在线考试代码（一） 467

18.2 在线考试代码（二） 468

18.3 在线测试代码 470

18.4 多选考试题 471

18.5 在线心理测试脚本 472

18.6 电脑检测健康情况 474

第19章 文件处理和打印的技巧 476

19.1 判断上传文件的类型 477

19.2 改变上传文件控件的样式 477

19.3 上传文件一次完成 478

19.4 使用正则表达式判断文件扩展名 479

19.5 多附件上传效果 479

19.6 上传控件内容清空 481

19.7 textarea显示记事本文件的内容 482

19.8 使用fso读写文本文件 483

19.9 自动启动文件下载 485

19.10 创建excel文件 485

19.11 javascript导出数据到excel 486

19.12 javascript读取自身文件内的xml 488

19.13 将xml文件绑定到table 489

19.14 使用javascript加载xml文件 490

19.15 动态加载javascript文件 492

19.16 防止javascript文件被其他站直接引用 493

19.17 检查机器是否安装word 493

19.18 打印当前页 494

19.19 打印预览 495

19.20 隐藏不想打印的页面内容 496

19.21 使用execwb直接打印 498

19.22 动态绑定xml文件 498

19.23 kill excel的进程 499

第20章 调用操作系统的应用 501

20.1 javascript操作剪贴板 502

20.2 打开硬盘驱动器 503

20.3 单击加入收藏夹 503

20.4 复制标题和网址 504

20.5 关闭输入法 505

20.6 检测屏幕分辨率 505

20.7 检测系统信息 506

20.8 显示本地计算机信息 507

20.9 检测浏览器浏览过的站点数 507

20.10 ie文件菜单中的“打开”命令 508

20.11 打开“internet选项”对话框 509

20.12 打开windows系统的画板 509

20.13 弹出保存对话框 510

20.14 进入页面弹出收藏夹 511

20.15 执行客户端的可执行程序 513

20.16 自动调用outlook发送邮件 514

20.17 弹出窗口选择颜色 515

20.18 弹出框式邮件发送 516

20.19 把网站作为用户的active桌面 517

20.20 判断是否安装了flash插件 518

第21章 流行技术：dom和userdata的应用技巧 520

21.1 使用userdata保存文本内容 521

21.2 使用userdata保存select标记 522

21.3 使用userdata保存checkbox标记 523

21.4 使用dom实现控件的替换 524

21.5 使用dom实现控件的复制 525

21.6 使用dom判断页面中控件是否嵌套 526

21.7 使用dom获取页面中某控件的属性 526

21.8 将某行排在表格的最后 527

21.9 动态删除页面中的元素 528

21.10 克隆表格 529

21.11 拖动表格行改变顺序 530

21.12 表格操作常用方法 533

第22章 流行应用：ajax和 property的技巧 535

22.1 关机特效（一） 536

22.2 关机特效（二） 537

22.3 评星效果 538

22.4 输入框自动完成功能 539

22.5 ajax效果的字符串过滤 540

22.6 gmail右上角的loading效果 543

22.7 使用xmlhttp获取天气预报 543

22.8 拖曳任意对象 545

22.9 避免打开无效页面 547

22.10 用javascript调用google adsense 547

22.11 ajax效果——可拖曳的表格 548

22.12 javascript调用web service 552

22.13 用javascript实现编码解码 554

22.14 创建带属性的对象 555

22.15 用prototype实现javascript的继承 556

22.16 javascript制作哈希表 556

第23章 其他技巧及特效 558

23.1 最简单的漂移特效 559

23.2 javascript遍历对象中的所有属性 559

23.3 qq在线客服 560

23.4 查看网站的排名 561

23.5 定义全局变量 561

23.6 动态生成金字塔效果 562

23.7 动态修改css的样式 563

23.8 根据浏览器不同设置css 563

23.9 汉字按拼音排序 564

23.10 划词搜索 565

23.11 加载大量input控件的快速方法 568

23.12 简繁体转换 569

23.13 将html转换为javascript脚本 570

23.14 脚本永不出错 571

23.16 浏览器毁灭者 572

23.17 罗列对象的属性和值 573

23.18 密码保护页 574

23.19 全角转半角 575

23.20 全屏广告 576

23.21 5秒钟后消失的广告 576

23.22 输入的英文自动全大写 578

23.23 特殊扩散效果 578

23.24 提交信息等待界面 580

23.25 同时调用两个方法 581

23.26 自定义错误处理样式 582

23.27 ftp网站登录 582