JavaScript网页特效范例宝典

王朝百科·作者佚名  2010-06-09  
宽屏版  字体: |||超大  

JavaScript网页特效范例宝典
JavaScript网页特效范例宝典

本书以网站开发者在开发中遇到的实际问题和应该掌握的技术为中心,全面介绍了JavaScript在网站开发中各个方面的常用技术和技巧。全书共19章,分别是窗口/框架与导航条设计、表单及表单元素、实用JavaScript函数、日期和时间、文字特效、超级链接特效、操作表格、图形图像与多媒体、页面特效、状态栏特效、报表与打印、网站安全、HTML/CSS样式、JavaScript与XML、JavaScript与ASP结合、JavaScript与JSP结合、JavaScript与ASP.NET结合、JavaScript与PHP结合、综合应用等。全书共提供了401个实例,每个实例都突出实用性,其中大部分是网站开发者梦寐以求的问题解决方案。

本书附有配套光盘。光盘提供了书中所有实例的全部源代码,所有源代码都经过精心调试,在Windows XP/Windows 2000环境下测试通过,保证能够正常运行。

本书适用于广大计算机爱好者和编程人员使用,也可供大中专院校师生学习参考。

目录:

第1章窗口/框架与导航条设计1

1.1弹出窗口控制2

实例001打开新窗口显示广告信息2

实例002定时打开窗口4

实例003通过按钮创建窗口5

实例004自动关闭的广告窗口6

实例005控制弹出窗口居中显示7

实例006弹出的窗口之Cookie控制9

实例007为弹出的窗口加入关闭按钮11

实例008关闭弹出窗口时刷新父窗口12

实例009关闭IE主窗口时,不弹出询问对话框13

1.2弹出网页对话框14

实例010弹出网页模式对话框14

实例011弹出全屏显示的网页模式对话框16

实例012网页拾色器18

实例013日期选择器21

1.3窗口的动画效果26

实例014页面自动滚动26

实例015打开窗口特殊效果27

实例016动态显示窗口29

实例017慢慢放大的窗口30

实例018下降式浏览器32

实例019旋转的窗口33

实例020移动的窗口34

实例021震动的窗口35

实例022弹出广告窗口36

1.4窗口控制37

实例023窗口始终在最上面38

实例024窗口的最小化、最大化39

实例025频道方式窗口41

实例026全屏显示42

实例027设置窗口大小和位置43

实例028刷新当前页44

实例029自动最大化45

实例030自定义导航控制面板46

实例031根据用户分辨率自动调整窗口48

1.5窗口的其他效果49

实例032打开窗口时显示对话框50

实例033使窗口背景透明50

实例034立体窗口52

实例035动态标题栏53

实例036固定大小的窗口54

1.6框架的应用55

实例037框架集的嵌套56

实例038在网页中应用浮动框架58

实例039创建空白框架60

实例040居中显示框架页62

1.7无边框窗口63

实例041全屏显示无边框有滚动条的窗口63

实例042应用CSS+DIV实现指定尺寸无边框无滚动条窗口65

实例043应用JavaScript实现指定尺寸无边框无滚动条窗口67

1.8水平导航条应用69

实例044图片按钮导航条69

实例045导航条的动画效果71

实例046不用图片实现质感导航条72

1.9下拉菜单式导航条73

实例047二级导航菜单74

实例048半透明背景的下拉菜单76

实例049展开式导航条80

实例050用层制作下拉菜单181

实例051用层制作下拉菜单284

1.10侧导航条设计86

实例052自动隐藏式菜单87

实例053收缩式导航菜单89

实例054树状导航菜单91

第2章表单及表单元素95

2.1文本框/编辑框/隐藏域组件96

实例055获取文本框/编辑框/隐藏域的值96

实例056自动计算金额97

实例057设置文本框的只读属性98

实例058限制多行文本域输入的字符个数100

实例059自动选择文本框/编辑框中的文字102

实例060按下回车键时自动切换焦点103

2.2下拉列表/菜单104

实例061获取下拉列表/菜单的值104

实例062遍历多选择下拉列表105

实例063在下拉列表中进行多选移除106

实例064将数组中的数据添加到下拉菜单中107

实例065应用下拉菜单选择所要联机的网站108

实例066多级级联菜单110

实例067可以输入文字的下拉菜单111

实例068根据下拉菜单的值显示不同控件112

实例069分级下拉列表113

2.3单选按钮组114

实例070不提交表单获取单选按钮的值114

实例071选中单选按钮后显示其他表单元素116

实例072通过单选按钮控制其他表单元素是否可用117

2.4复选框117

实例073不提交表单获取复选框的值118

实例074控制复选框的全选或反选118

实例075只有一个复选框时控制复选框的全选或反选119

2.5密码域120

实例076让您的密码域更安全120

实例077不提交表单自动检测密码域是否相同121

2.6表单应用122

实例078通过JavaScript控制表单的提交与重置122

实例079带记忆功能的表单123

实例080防止表单重复提交124

实例081自动提交表单125

实例082通过for循环获取表单元素的中文名称126

实例083可以提交到不同处理页的表单127

第3章实用JavaScript函数129

3.1数据验证130

实例084通过正则表达式验证日期130

实例085验证输入的日期格式是否正确132

实例086检查表单元素是否为空134

实例087验证E-mail是否正确135

实例088通过正则表达式验证电话号码137

实例089验证输入的字符串是否为汉字139

实例090验证身份证号码140

实例091验证用户名和密码142

实例092验证车牌号码144

实例093验证网站地址145

实例094验证数量和金额147

实例095验证字符串是否以指定字符开头149

实例096限制输入字符串的长度150

3.2字符串处理152

实例097小写金额转换为大写金额152

实例098去除字符串中的空格155

实例099转换输入文本中的回车和空格156

实例100将数字字符串格式化为指定长度158

实例101把一个长数字分位显示159

实例102将RGB格式的颜色值转换为十六进制格式161

实例103将IP地址转换为对应的数值163

实例104从指定URL中提取文件名164

3.3随机函数166

实例105随机产生指定位数的验证码166

实例106生成随机字符串167

3.4日期与时间169

实例107显示长日期格式的系统日期169

实例108实时显示系统时间171

第4章日期和时间173

4.1日期时间显示174

实例109在标题栏中显示日期时间174

实例110使用toLocaleString()方法获取本地时间176

实例111全中文显示日期176

实例112在状态栏中显示日期时间178

实例113使用数组显示星期179

实例114在表格中显示时间180

实例115退出页面时显示停留时间181

实例116显示用户在页面的停留时间182

实例117显示最后修改时间183

4.2日期时间算法184

实例118计算某一天是星期几184

实例119判断指定年份是否为闰年186

实例120计算从出生到现在度过的时间187

实例121返回两个日期之间的间隔小时188

实例122倒计时190

实例123访问时间限制191

实例124计步器192

4.3日期时间特效194

实例125分时问候194

实例126节日提示195

实例127倒影时钟196

实例128带阴影的时钟199

实例129动态石英钟200

实例130生日提醒器203

实例131数字时钟205

实例132各地时间表206

实例133位于页面顶层的时钟209

第5章文字特效213

5.1文字的颜色变换214

实例134简单文字变色214

实例135文字变色215

实例136变换的文字216

实例137描边文字217

实例138霓虹灯文字218

实例139追逐点亮的文字219

实例140萤光文字220

实例141发光文字的闪烁效果221

实例142文字的舞台灯光效果223

实例143制作彩色渐变文字动画224

5.2改变文字大小226

实例144文字伸缩226

实例145动荡的文字227

实例146文字伸展228

实例147文字逐个放大230

实例148自动改变大小231

实例149选择字体的大小232

5.3文字显示效果234

实例150文字渐隐渐现234

实例151文字虚幻变化235

实例152文字虚幻抖动237

5.4指定文字位置238

实例153将文字置于工作区左上角238

实例154右上角文字239

实例155鼠标移动文字241

5.5文字动态移动242

实例156文字自动滚屏242

实例157文字上下滚动243

5.6文字立体效果244

实例158文字的旋转244

实例159立体旋转文字246

实例160文字3D效果248

5.7文字动画效果249

实例161反弹文字249

实例162飞舞的文字252

实例163飞翔的文字254

实例164平面旋转的文字257

实例165输出文字258

实例166文字打字效果259

实例167文字抖动261

实例168指向文字时飞出星形标记262

实例169文字的抛出效果264

5.8文字特殊效果265

实例170波浪文字265

实例171梦幻文字效果266

实例172屏风文字268

实例173文字阴影270

5.9其他270

实例174随机显示文字270

实例175文字加密及解密271

第6章超级链接特效275

6.1超级链接样式276

实例176改变超级链接字体样式276

实例177当鼠标移动到超级链接时改变超级链接颜色277

实例178改变超级链接背景色278

6.2超级链接控制279

实例179建立E-mail超级链接280

实例180获取页面中的全部超级链接281

实例181将网站设为首页282

实例182单击鼠标右键自动链接到指定网站283

实例183单击超级链接将本页加入收藏夹285

实例184访问指定的链接地址286

实例185返回默认主页287

实例186导航链接289

6.3超级链接特效291

实例187快速闪动页面中的超级链接291

实例188滚动的超级链接提示信息292

实例189公告栏中显示超级链接294

实例190显示超级链接站点相关信息295

实例191显示超级链接的提示信息296

实例192半透明背景的超级链接提示297

第7章操作表格299

7.1表格的颜色效果300

实例193闪烁的表格边框300

实例194单元格边框变色301

实例195选中的行变色302

7.2对单元格的焦点进行控制303

实例196选定表格中的单元格303

实例197左右移动单元格的信息304

实例198通过键盘使单元格焦点任意移动306

7.3对表格的行、列进行修改311

实例199动态制作表格311

实例200动态生成行或列313

实例201删除表中的行314

7.4单元格的相关操作316

实例202隐藏及显示单元格316

实例203编辑单元格中的文本信息318

实例204合并单元格320

实例205在表格中添加行及单元格322

实例206删除表中的单元格324

7.5表格的特殊效果325

实例207透明表格326

实例208限制表格的宽度327

实例209表格的标题328

实例210表格的外阴影329

实例211立体表格329

实例212虚线边框表格330

实例213表格作为分割线332

实例214表格向下展开332

第8章图形图像与多媒体335

8.1图片大小336

实例215打开自定义大小的图片336

实例216图片放大缩小337

实例217通过鼠标滚轮放大缩小图片338

8.2图片与鼠标相关操作339

实例218跟随鼠标移动的图片340

实例219可以左右拖动的图片340

实例220随意拖动图片342

实例221当鼠标经过图片时显示图片344

实例222改变图片获取焦点时的状态345

实例223抖动的图片346

实例224鼠标移动放大图片347

8.3图片与时间相关操作349

实例225定时隐藏图片349

实例226根据时间变换页面背景350

实例227使图片不停闪烁352

实例228上下跳动的图片352

实例229图片左右晃动354

实例230飘舞的变形图片356

8.4图片的动画效果358

实例231图片翻转效果359

实例232水波倒影特效360

实例233图片渐隐渐现361

实例234图片的探照灯效果362

实例235雷达扫描图片特效363

实例236在页面中旋转的图片365

实例237改变形状的图片366

实例238图片在页面浮动367

实例239随机变化的网页背景369

8.5选择头像370

实例240在列表中选择图片370

实例241在弹出的新窗口中选择图片372

8.6在页面中播放图片374

实例242幻灯片式播放图片374

实例243无间断的图片循环滚动效果376

8.7图片的其他效果377

实例244导航地图377

8.8播放音乐378

实例245为网页设置背景音乐378

实例246随机播放背景音乐380

实例247MIDI音乐选择381

8.9插入Flash动画383

实例248插入Flash动画383

实例249插入背景透明的Flash动画384

8.10播放视频文件385

实例250播放AVI文件385

实例251自制视频播放器387

第9章页面特效391

9.1页面背景效果392

实例252背景固定居中392

实例253背景图片纵向重复显示393

实例254通过按钮变换背景颜色395

实例255背景自动变色396

实例256百叶窗396

实例257渐隐渐显的背景颜色398

实例258页面缩小399

实例259页面上下打开效果400

实例260页面左右打开效果402

实例261页面溶解效果404

9.2特殊页面406

实例262页首页尾切换406

实例263调用下载页面408

实例264程序加载页面409

实例265颜色拾取器411

9.3广告页面415

实例266图片总置于顶端415

实例267随机显示广告416

实例268广告随滚动条漂移418

9.4页面动画效果419

实例269下雪419

实例270飘落的枫叶421

实例271下雨423

实例272背景的烟花效果425

实例273变色的圆圈427

实例274滚动的光环429

实例275星空极速飞入效果430

实例276闪烁的星星432

9.5其他434

实例277带密码的网页434

实例278页面左右滚动435

实例279动态移动的层437

实例280在页面中显示十字光标438

第10章状态栏特效441

10.1状态栏文字动画442

实例281使状态栏中的文字不停闪烁442

实例282文字从右向左依次弹出443

实例283文字从中间向两边展开445

实例284文字跑马灯特效447

实例285文字依次显示后快速收缩449

实例286文字的展开与收缩451

实例287状态栏中的文字依次弹出452

10.2其他453

实例288在状态栏显示固定自定义信息453

实例289在状态栏显示鼠标坐标454

实例290在状态栏显示特定的超级链接信息456

第11章报表与打印459

11.1Web打印460

实例291调用IE自身的打印功能实现打印460

实例292打印指定框架中的内容461

实例293利用WebBrowser打印462

实例294设置页眉页脚463

11.2利用Word打印报表465

实例295将页面中的表格导出到Word并打印465

实例296打开指定的Word文档并打印467

实例297在JSP中利用Word自动打印指定格式的会议记录468

实例298在ASP中利用Word自动打印指定格式的会议记录470

实例299在PHP中调用Word自动打印指定格式的会议记录472

11.3利用Excel打印报表474

实例300将Web页面中的数据导出到Excel474

实例301将Web页面中的数据导出到Excel并自动打印476

11.4利用CSS样式打印478

实例302利用CSS样式打印页面中的指定内容478

实例303利用CSS样式分页打印479

11.5套打邮寄产品单482

实例304打印汇款单482

实例305打印快递单484

实例306打印信封485

第12章网站安全489

12.1禁止用户复制网页内容490

实例307禁止用户复制网页内容(方法一)490

实例308禁止用户复制网页内容(方法二)491

实例309禁止网页另存为492

12.2禁止用户刷新屏幕493

实例310屏蔽IE主菜单493

实例311屏蔽键盘相关事件494

实例312屏蔽鼠标右键496

12.3登录页面497

实例313具有浏览器检测功能的登录页面497

实例314防止SQL注入的登录页面498

实例315带验证码的登录页面500

12.4其他501

实例316使用Script Encoder加密工具加密501

第13章HTML/CSS样式503

13.1页面效果504

实例317统一站内网页风格504

实例318设置超级链接文字的样式508

实例319网页换肤509

实例320滚动文字512

实例321制作渐变背景513

13.2表格样式514

实例322只有外边框的表格515

实例323彩色外边框的表格516

实例324控制表格指定外边框不显示518

实例325背景颜色渐变的表格520

实例326表格隔行变色521

13.3鼠标及滚动条样式522

实例327显示自定义鼠标形状522

实例328动画光标524

实例329制作彩色滚动条525

13.4文字及列表样式527

实例330应用删除线样式标记商品特价527

实例331在文字上方标注说明标记528

实例332指定图标的列表项529

13.5文字滤镜特效530

实例333文字的发光效果531

实例334文字的阴影效果532

实例335文字的渐变阴影效果533

实例336文字的图案填充效果534

实例337文字的探照灯效果535

实例338文字的闪烁效果537

实例339文字的空心效果538

实例340文字的浮雕效果539

实例341文字的阳文效果540

实例342文字的雪雕效果541

实例343火焰字542

实例344文字扭曲动画544

13.6图片滤镜特效545

实例345图片的半透明效果545

实例346图片的模糊效果546

实例347图片的水波纹特效547

实例348图片的灰度效果548

实例349图片的动态说明文字549

第14章 JavaScript与XML553

14.1读取XML文件554

实例350使用XML DOM对象读取XML文件554

实例351使用XMLHttpRequest对象读取XML文件557

14.2显示XML文档559

实例352使用CSS显示XML文档559

实例353使用XSL显示XML文档562

实例354使用IE XML数据岛输出XML文档564

14.3操作XML565

实例355用JavaScript控制XML文档的分页显示565

实例356通过操作XML数据岛实现添加、删除留言信息567

第15章JavaScript与ASP结合573

15.1弹出窗口/对话框控制574

实例357关闭弹出窗口时刷新父窗口574

实例358打开新窗口显示详细信息575

实例359弹出网页模式对话框577

实例360日期选择器580

实例361弹出提示对话框并重定向网页584

实例362打开指定大小的新窗口并居中显示586

15.2弹出确认对话框588

实例363删除数据前弹出确认对话框588

实例364安全退出前弹出确认对话框590

15.3其他591

实例365远程获取其他网页情报591

实例366树状导航菜单594

实例367使用XML实现不刷新页面查询数据596

第16章JavaScript与JSP结合601

16.1窗口与对话框602

实例368弹出提示对话框并重定向网页602

实例369打开新窗口显示详细信息604

实例370打开指定大小的新窗口并居中显示605

实例371弹出网页模式对话框607

实例372关闭弹出窗口时刷新父窗口609

16.2无刷新技术611

实例373无刷新的用户名检测611

实例374无刷新的级联下拉列表614

实例375使用XML实现不刷新页面查询数据616

16.3调用与控制619

实例376将查询结果导出到Word619

实例377调用Excel621

实例378调用PowerPoint622

16.4其他623

实例379树状导航菜单623

第17章JavaScript与ASP.NET结合627

17.1窗口与对话框628

实例380使用JavaScript脚本弹出对话框628

实例381打开新窗口显示详细信息629

实例382关闭弹出窗口刷新父窗口631

实例383弹出网页模式对话框633

实例384弹出全屏显示网页635

17.2其他637

实例385自动隐藏式菜单637

第18章JavaScript与PHP结合641

18.1窗口与对话框642

实例386弹出提示对话框并重定向网页642

实例387关闭弹出窗口时自动刷新父窗口643

实例388在弹出的网页模式对话框中选择个性头像645

实例389时间选择器647

实例390弹出提示对话框并重定向网页649

实例391删除数据前弹出确认对话框650

18.2其他651

实例392树状导航菜单651

第19章综合应用657

19.1计算器658

实例393简单计算器658

实例394复杂计算器662

19.2日历667

实例395精美日历668

实例396带农历的日历674

19.3购物车681

实例397添加至购物车682

实例398查看购物车684

实例399修改商品购买数量686

实例400从购物车中移去指定商品687

实例401清空购物车689

JavaScript程序开发范例宝典附录691

 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝百科 版权所有