JavaScript网页特效经典300例PDF|Epub|txt|kindle电子书版本网盘下载

JavaScript网页特效经典300例PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1篇 JavaScript基础篇2

第1章 网页特效2

实例001自动刷新页面2

实例002让页面后退和前进3

实例003动态关闭页面4

实例004页面载入等待界面5

实例005若干秒后不操作自动关闭窗口6

实例006修改网页标题7

实例007禁止网页放入框架8

实例008跳转到其他页面9

实例009进入页面时的问候10

实例010在网页里动态加载JavaScript11

实例011设为首页12

实例012收藏本页13

实例013判断页面是否加载完毕14

实例014避免浏览器使用缓存加载页面16

实例015 窗口打开时显示大广告图片及其自动关闭17

实例016带关闭按钮的右下角图片广告19

第2章 DOM操作21

实例017通过id获取网页中的某一部分21

实例018根据name获取网页中的全部复选框22

实例019根据标签名获取网页中的多个元素23

实例020遍历打印一个元素的所有属性24

实例021遍历HTML文档内容26

实例022动态创建网页新元素27

实例023删除元素28

实例024主动触发按钮的单击事件29

实例025替换元素内容31

实例026修改元素的属性值32

实例027引用同级的元素33

实例028克隆元素34

实例029隐藏或显示元素35

实例030倒排序子元素36

实例031删除所有的子元素38

第3章 控制表单控件40

实例032遍历表单的所有控件40

实例033通过控件名访问特定的控件41

实例034修改控件的值42

实例035获取表单内文本框的个数44

实例036修改表单的提交方法45

实例037动态指定表单的动作属性46

实例038动态选择聚焦的控件47

实例039初始化表单里的所有控件的值到最初状态48

实例040为表单加上一个框50

实例041批量为所有的表单控件加一个说明51

实例042设置下拉菜单的值53

实例043使用隐藏控件为表单添加参数54

实例044勾选全部复选框55

实例045为表单的聚焦控件设置醒目的样式57

第4章 窗口的控制和框架的互操作59

实例046计算窗口内的框架数量59

实例047父框架对子框架的引用60

实例048子框架的互相引用61

实例049用top操作顶部框架63

实例050确保网页只能被框架载入64

实例051动态创建框架65

实例052打开一个新窗口66

实例053得到是谁打开了子窗口67

实例054通过子窗口获取数据输入69

实例055随意改变框架的大小组合70

实例056巧用self操作当前文档所在的框架或窗口72

实例057 iframe自适应高度73

实例058网页打开5秒后弹出广告窗口75

第5章 鼠标特效76

实例059禁用鼠标右键76

实例060动态定义鼠标指针形状77

实例061鼠标进出时字体大小变化79

实例062双击鼠标滚动到网页底部80

实例063当按下鼠标左键时弹出广告窗口81

实例064鼠标放上链接出现不同的颜色82

实例065用鼠标拖动图片83

实例066让鼠标滑轮失效85

第6章 按钮特效87

实例067为按钮加上背景颜色87

实例068自定义按钮的click事件88

实例069不同的按钮提交不同的表单地址89

实例070在网页上为用户定义一个打印按钮90

实例071 Enter键自动提交表单91

实例072按钮在单击以后就失效92

实例073删除按钮必需的提醒功能93

实例074图片式的按钮94

实例075通过单击按钮改变状态栏信息95

实例076不同的状态展示不同样式的按钮96

实例077注册按钮倒计时效果98

实例078阅读完协议以后才可以单击的注册按钮99

实例079会变色的按钮100

第7章 链接特效102

实例080带下画线的链接102

实例081改变链接的单击事件103

实例082关闭窗口的那个“X”链接104

实例083用链接模拟一个按钮105

实例084用链接替代表单提交按钮106

实例085动态修改一个链接的地址107

实例086让所有链接都在新窗口中打开108

实例087让页面所有的超级链接都失效109

实例088为链接地址多加一个参数110

实例089回到顶部的链接112

实例090需要确认的链接113

实例091几条链接交替显示114

第8章 文本输入框和下拉菜单特效116

实例092让文本框只带有下画线116

实例093用正则表达式验证E-mail格式117

实例094首字母或全部字母大写118

实例095只能输入数字的文本框120

实例096判断汉字的个数121

实例097成为焦点时清除文本框内容122

实例098动态为下拉菜单设置项目123

实例099联动的省市下拉菜单124

实例100三级联动的省市县下拉菜单126

实例101用户输入完以后立刻进行格式校验128

实例102鼠标划过文本框改变其背景色130

实例103输入文字时文本框边框闪烁131

第9章 层的应用133

实例104从下往上的信息滚动特效133

实例105灯箱效果134

实例106可以拖动的层136

实例107让层的叠放层次分明138

实例108随意改变层的尺寸139

实例109新闻切换特效140

实例110悬浮的广告层144

实例111 由左向右地滚动广告145

实例112右下角的提示层147

实例113带关闭按钮的右下角提示层148

实例114底部工具栏150

第10章 表格的控制152

实例115 动态地为表格中的单元格文字添加样式152

实例116动态加入一个新的表格行153

实例117可变样式的表格边框154

实例118克隆表格156

实例119将表格的数据根据某一列排序157

实例120让表格行的背景颜色间隔开159

实例121删除表格中的任意一行161

实例122隐藏表格数据162

实例123用背景色重点突出表格行163

第2篇 JavaScript进阶篇168

第11章 导航菜单特效168

实例124简单的导航菜单168

实例125凸显正在浏览的菜单项的导航菜单169

实例126二级导航菜单170

实例127三级导航菜单173

实例128动态加载导航菜单175

实例129三级联动导航菜单177

实例130树形导航菜单180

实例131当网页超过一屏时导航菜单始终置顶182

第12章 日期和时间特效184

实例132标题栏显示当前的日期184

实例133不同时段显示不同的标题欢迎词185

实例134不同月份显示不同的背景效果186

实例135倒计时效果187

实例136查看“今天是否为节假日”188

实例137每秒刷新的时间展示效果190

实例138日期输入框191

实例139使用定时器194

实例140算出两个时间之间的时间差195

实例141用表格来完成一个日历特效196

实例142月底和月初的网页标题各不相同198

实例143显示登录的时间199

第13章 样式的操作201

实例144不同浏览器加载不同的CSS文件201

实例145动态滤镜效果202

实例146访问外部定义的CSS样式203

实例147访问元素中style属性的CSS样式204

实例148切换样式表206

实例149让样式动起来207

实例150同时改变多个DOM的样式208

实例151隐藏和显示的切换效果209

实例152用JavaScript代码替代CSS实现链接样式210

实例153自定义错误样式212

第14章 网页中变量和函数的应用214

实例154无处不在的变量214

实例155应用不同场景的变量类型215

实例156无所不能的变量载体216

实例157巧妙地使用内部变量217

实例158闭包的概念和使用218

实例159使用动态的函数参数219

实例160调用动态函数220

第15章 图片特效222

实例161仿iPhone图片查看器效果222

实例162仿QQ空间相册效果223

实例163放大镜特效224

实例164让图片保持在层里的上下左右都居中226

实例165让图片自适应框的大小228

实例166图片新闻效果229

实例167为图片加上边框231

实例168显示图片的局部232

实例169动态加载图片233

实例170重新加载验证码图片234

实例171延迟加载图片235

第16章 文件和打印的技巧238

实例172判断文件上传的类型238

实例173单独打开一个页面来完成打印功能239

实例174限制多文件上传的文件类型241

实例175上传图片以后显示缩略图242

实例176在打印内容里隐藏打印按钮243

第17章 对象和数组246

实例177创建自定义对象246

实例178创建数组的多种方法247

实例179扩展数组的元素数目248

实例180在数组的末尾处加入和移除元素249

实例181在数组的任意位置加入和移除元素251

实例182把数据转换成对象252

实例183把数组里的元素按照自然排序254

实例184数组的本质就是对象255

第3篇 JavaScript高级篇258

第18章 Ajax应用258

实例185创建动态的XMLHttpRequest对象258

实例186自定义Ajax回调函数259

实例187自定义Ajax请求方法261

实例188为Ajax请求添加参数262

实例189 Ajax请求中的友好等待界面264

实例190根据不同的HTTP返回代码进行不同的响应266

实例191 Ajax传输JSON数据实例268

实例192定义一套自己的Ajax框架271

第19章 面向对象的特性273

实例193定义一个类273

实例194利用prototype为类创建静态成员274

实例195模拟继承机制275

实例196为string类型的变量扩展一个replaceAll（）函数276

实例197为对象扩展一个动态属性277

实例198为对象扩展一个方法279

第20章 经典 JavaScript框架应用281

实例199框架对JavaScript编码的意义281

实例200 Prototype让 JavaScript面向对象282

实例201利用Prototype实现继承机制283

实例202用Prototype来包装JavaScript事件284

实例203用Prototype轻松获取DOM的实际尺寸285

实例204用Dojo动态创建层的DOM287

实例205用Doj o动态指定按钮的click事件288

实例206用Dojo隐退图片289

实例207用Doj o轻松实现元素的拖曳290

实例208利用YUI来动态监听单击事件291

实例209利用YUI模拟向左滑动以删除菜单项292

实例210利用YUI实现被单击按钮样式突出的效果294

实例211利用YUI实现网页元素隐藏和显示的切换295

实例212利用YUI实现层的收缩隐藏特效297

实例213利用YUI实现层的随意拖动效果298

实例214利用YUI实现图片的滚动延迟加载299

实例215 利用YUI随意改变层的尺寸300

第21章 jQuery的妙用302

实例216选择所有的元素302

实例217选择相同标签的元素303

实例218选择相同class的元素304

实例219快速选择表单元素305

实例220选择所有已勾选的复选框306

实例221指定下拉菜单的已选项307

实例222选择包含特定内容的层308

实例223修改元素属性的值309

实例224获取和指定元素的内容310

实例225一次选择多个不同类的元素311

实例226删除部分文档内容313

实例227一次选择多个不同类的元素314

实例228快速修改样式规则315

实例229获取实际元素的高度和宽度316

实例230指定页面加载完成的回调317

实例231为元素动态添加某种事件318

实例232隐藏或显示元素319

实例233滑动效果320

实例234淡入效果321

实例235让Ajax如此简单322

实例236使用Ajax获取JSON数据323

第22章 丰富的jQuery插件应用324

实例237带伸缩功能的内容分段324

实例238带自动提示功能的文本输入框325

实例239多功能按钮326

实例240自定义格式的日期输入框328

实例241选择日期段329

实例242自定义提示框331

实例243轻松实现层的拖动功能332

实例244多级菜单333

实例245用幻灯片方式浏览图片335

实例246进度条337

实例247可改变大小的层338

实例248可被选择的菜单项339

实例249滑块效果341

实例250选择范围的滑块效果342

实例251可排序的列表343

实例252可拖动的选择项344

实例253数字输入框346

实例254时间输入框347

实例255多页切换效果348

实例256带提示信息的输入框350

第23章 HTML5的新应用351

实例257视频尺寸动态修改示例351

实例258动态播放或暂停视频352

实例259指定视频的播放进度354

实例260隐藏音频播放器的控制按钮355

实例261拖动页面上的元素356

实例262让图片不可以拖动358

实例263使用canvas画一个矩形图案359

实例264使用canvas画一个圆形图案360

实例265用HTML5绘制一个SVG标量圆形362

实例266获取用户当前的地理坐标363

实例267根据地理信息定位城市364

实例268在地图上标识附近加油站的地址365

实例269使用localStorage实现计数器366

实例270使用sessionStorage实现计数器367

实例271使用Web Worker为学生考试计时368

第24章 CSS 3带给我们的新体验371

实例272圆角边框371

实例273图形边框372

实例274图片阴影效果373

实例275文字阴影效果374

实例276带有可见度的背景颜色375

实例277多列显示文字377

实例278使用CSS 3实现过渡效果378

实例279使用CSS 3实现动画效果379

实例280使用CSS 3实现图片旋转效果380

实例281可移动的图片382

实例282放大和缩小图片383

实例283扭曲的图片384

实例284让图片立体旋转385

第25章 JavaScript在智能手机上的应用387

实例285判断是否为移动浏览器387

实例286测试是否支持滑动事件388

实例287通过滑动修改网页字体大小390

实例288用手势来改变图片大小392

实例289用手势改变图片的显示方向393

实例290使用手机GPS定位用户所在城市395

第26章 其他应用和技巧397

实例291利用浏览器的cookie保存用户名397

实例292 eval（）函数大行其道399

实例293妙用正则表达式来减少JS代码400

实例294按拼音首字母排序402

实例295用try和catch来让程序更友好403

实例296不用Ajax也可以达到不刷新页面的效果405

实例297让输入的英文字母自动变成大写406

实例298用JSON格式来保存数据407

实例299得到用户显示器的最大分辨率409

实例300用JavaScript实现的抽奖程序410