版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、JavaScript语言与Ajax应用(第二版)主编 董宁 陈丹中国水利水电出版社第8章 利用JavaScript实现动画效果8.1 动画效果的用途8.2 构建动画对象8.3 扩展动画对象8.4 利用JavaScript库实现动画效果11 七月 2022JavaScript语言与Ajax应用(第二版)28.1 动画效果的用途在Web应用页面设计中,动画效果有时候会被认为华而不实,尤其是在被滥用的时候。但恰如其分的动画效果对页面设计是很有帮助的,而且动画效果还被用来提示用户页面上发生的事件。在传统的Web应用页面设计中,用户在页面上执行的操作都是有反馈的。单击一个提交按钮或单击一个链接,浏览器都
2、会给出正在提交或正在跳转的提示,直到页面加载完毕。但是在引入Ajax技术之后,页面就可能在不刷新的情况从Web服务器获取数据,这时候就需要一种方式告诉用户执行了什么动作,或者正在执行什么动作。11 七月 2022JavaScript语言与Ajax应用(第二版)38.1 动画效果的用途提示性的动画效果告诉用户,当前页面还在听话的运行着,没有出现任何的错误。动画效果还适合用来展示或隐藏信息。如果只是简单的改变一些页面元素的可见性,用户很可能会忽略页面上发生的情况。如果在改变页面元素可见性的同时给元素加上动画效果,用户这马上能发现页面的改变,并且把自己的操作和这些改变联系起来。适当的动画效果还可以改
3、善用户的浏览体验11 七月 2022JavaScript语言与Ajax应用(第二版)48.2 构建动画对象8.2.1 回调8.2.2 动画队列11 七月 2022JavaScript语言与Ajax应用(第二版)58.2.1 回调对于动画效果,我们需要关注3个时刻:动画效果开始:此时可以执行一些与动画效果开始相关的任务,比如在此时改变某个图片的显示。动画效果的每一步:此时可以执行代码跟踪动画效果相关元素的状态,也可以检测动画效果元素之间是否有交错。动画结束:此时可以执行一些元素操作或开始Ajax调用之类的代码。11 七月 2022JavaScript语言与Ajax应用(第二版)68.2.2 动画
4、队列动画队列也就是按顺序执行的一组动画效果。11 七月 2022JavaScript语言与Ajax应用(第二版)78.3 扩展动画对象在Effect动画效果对象的基础上,我们可以针对不同的页面效果要求扩展出对应的动画效果类。接下来我们来创建一个新闻列表页面,页面上的内容按照新闻标题内容新闻标题内容的顺序依次排列下来。11 七月 2022JavaScript语言与Ajax应用(第二版)88.4 利用JavaScript库实现动画效果8.4.1 jQuery8.4.2 ExtJS11 七月 2022JavaScript语言与Ajax应用(第二版)98.4.1 jQueryjQuery是一个极其精简
5、并且高效的库,我们可以使用它来快速完成许多动画效果。jQuery库提供的方法链非常适合用来快速添加动画效果,把任何一个获取到的DOM元素交给动画效果对象就可以了。11 七月 2022JavaScript语言与Ajax应用(第二版)108.4.2 ExtJSExtJS是一套完整的界面部件库,它提供了构建富客户端Web应用程序所需要的全部功能。同时ExtJS库也提供了Ext.Fx对象,专门用于实现各种动画效果。同jQuery库一样ExtJS库也适合用来快速添加动画效果,把任何一个获取到的DOM元素交给动画效果对象就可以了。11 七月 2022JavaScript语言与Ajax应用(第二版)11 本章小结本章主要说明了如何利用JavaScript实现页面上的动画效果,并且重点介绍了JavaScript动画对象的构建过程。通过本章,希望读者能够了解利用JavaScript实现页面动画的原理,并能够在Web应用开发中自己构建JavaScript对象来实现所需的动画效果。本章最后重点讲解了两个典型的JavaScript库jQuery与ExtJS在动画效果的实现上提供的便捷方法。在对jQuery与ExtJS库动画效果的举例说明中只涉及到了常
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2025死亡赔偿协议书格式
- 黑素瘤病因介绍
- 协议书汽车转让模板
- 合同战略合作协议
- 代理合作协议范本大全
- 公司保密协议案例
- 颅内静脉血栓形成病因介绍
- 2023夫妻结婚前协议书七篇
- 关于采购协议
- 中医药健康知识讲座
- 2023年报告文学研究(自考)(重点)题库(带答案)
- 国军淞沪会战
- 2023年湖南体育职业学院高职单招(语文)试题库含答案解析
- GB/T 39314-2020铝合金石膏型铸造通用技术导则
- 装饰装修施工质量检查评分表
- 非开挖施工技术讲稿课件
- 单绒毛膜双羊膜囊双胎2022优秀课件
- 《思想道德与法治》 课件 第四章 明确价值要求 践行价值准则
- 北师大版八年级上数学竞赛试卷
- 幼儿园讲座:课程游戏化、生活化建设的背景与目的课件
- 地理信息系统(GIS)公开课(课堂)课件
评论
0/150
提交评论