内容简介
本书是网页特效设计任务驱动式教材。本书将网页特效分为9类，分别是基本网页特效、日期时间类网页特效、文字类网页特效、图片类网页特效、表单控件类网页特效、导航菜单类网页特效、选项卡类网页特效、内容展开与折叠类网页特效和页面类网页特效，同时相应地将全书分为9个教学单元，每个教学单元分析和设计一种类型的网页特效，将JavaScript和jQuery的相关知识合理地安排到各个教学单元中。
展开全文
- 扉页
- 版权页
- 前言
- 课程设计
- 目录
- 单元1 设计基本网页特效
- 【教学导航】
- 【特效赏析】
- 任务1-1 JavaScript 实现动态加载网页内容
- 任务1-2 jQuery 实现网页收藏
- 【知识必备】
- 1.1 JavaScript 简介
- 1.2 JavaScript 主要的语法规则
- 1.3 JavaScript 常用的开发工具
- 1.4 在HTML 文档中嵌入JavaScript 代码的方法
- 1.5 JavaScript 的注释
- 1.6 JavaScript 的数据类型
- 1.7 JavaScript 的常量
- 1.8 JavaScript 的变量
- 1.9 JavaScript 的消息框
- 1.10 JavaScript 的异常处理
- 1.11 JavaScript 库
- 1.12 下载和替代jQuery 库
- 1.13 jQuery 简介
- 【引导训练】
- 任务1-3 JavaScript 实现动态改变样式文件
- 任务1-4 JavaScript 实现动态改变网页字体大小及关闭网页窗口
- 任务1-5 JavaScript 实现播放Flash 动画
- 任务1-6 jQuery 实现动态设置页面的宽度和高度
- 【自主训练】
- 任务1-7 利用外部JS 文件动态输出网页内容
- 任务1-8 巧用CSS 实现下拉菜单
- 单元2 设计日期时间类网页特效
- 【教学导航】
- 【特效赏析】
- 任务2-1 显示常规格式的当前日期与时间
- 任务2-2 采用多种方式显示当前的日期
- 【知识必备】
- 2.1 JavaScript 的运算符与表达式
- 2.2 JavaScript 的语句及其规则
- 2.3 JavaScript 的条件语句
- 2.4 JavaScript 的函数
- 2.5 JavaScript 的String（字符串）对象
- 2.6 JavaScript 的Math（数学）对象
- 2.7 JavaScript 的Date（日期）对象
- 2.8 JavaScript 的计时方法
- 2.9 JavaScript 的RegExp 对象及其方法
- 2.10 支持正则表达式的String 对象的方法
- 2.11 JavaScript 和jQuery 的使用比较
- 【引导训练】
- 任务2-3 不同的节日显示对应的问候语
- 任务2-4 在特定日期的特定时段显示打折促销信息
- 任务2-5 不同时间段显示不同的问候语
- 任务2-6 一周内每天输出不同的图片
- 任务2-7 实现在线考试倒计时
- 任务2-8 显示限定格式的日期
- 【自主训练】
- 任务2-9 验证日期的有效性
- 任务2-10 实现限时抢购倒计时
- 单元3 设计文字类网页特效
- 【教学导航】
- 【特效赏析】
- 任务3-1 JavaScript 实现滚动网页标题栏中的文字
- 任务3-2 jQuery 实现向上滚动网站促销公告
- 【知识必备】
- 3.1 JavaScript 的循环语句
- 3.2 HTML DOM
- 3.3 JavaScript 的位置与尺寸方法
- 3.4 jQuery 的选择器
- 3.5 jQuery 的链式操作
- 3.6 jQuery 的效果方法
- 【引导训练】
- 任务3-3 JavaScript 实现网页状态栏中的文字呈现打字效果
- 任务3-4 JavaScript 实现网页文字滚动与等待的交替效果
- 任务3-5 JavaScript 实现鼠标指针滑过动态改变显示内容及外观效果
- 任务3-6 JavaScript 实现文本围绕鼠标指针旋转
- 任务3-7 jQuery 实现网站动态信息滚动与等待的交替效果
- 【自主训练】
- 任务3-8 JavaScript 实现网站公告信息连续向上滚动
- 任务3-9 jQuery 实现循环滚动网页中的文字
- 单元4 设计图片类网页特效
- 【教学导航】
- 【特效赏析】
- 任务4-1 JavaScript 实现纵向焦点图片轮换
- 任务4-2 jQuery 实现带左右按钮控制焦点图片切换
- 【知识必备】
- 4.1 JavaScript 的对象
- 4.2 jQuery 文档的操作方法
- 【引导训练】
- 任务4-3 JavaScript 实现控制网页中的图片尺寸
- 任务4-4 JavaScript 实现限制图片尺寸与滑动鼠标滚轮调整图片尺寸
- 任务4-5 JavaScript 实现网页中图片连续向上滚动
- 任务4-6 JavaScript 实现具有滤镜效果的横向焦点图片轮换
- 任务4-7 JavaScript 实现具有手风琴效果的横向焦点图片轮换
- 任务4-8 JavaScript 实现带缩略图且双向移动的横向焦点图轮换
- 任务4-9 jQuery 实现图片纵向移动的焦点图片轮换
- 任务4-10 jQuery 实现具有滤镜效果的横向焦点图片轮换
- 任务4-11 jQuery 实现鼠标指针滑过图片时预览大图
- 任务4-12 jQuery 实现单击箭头按钮切换图片
- 【自主训练】
- 任务4-13 JavaScript 实现图片连续向左滚动
- 任务4-14 JavaScript 实现通用横向焦点图片轮换
- 任务4-15 JavaScript 实现网页图片拖曳
- 任务4-16 jQuery 实现图片纵向切换
- 任务4-17 jQuery 实现自动与手动均可切换的焦点图片轮换
- 任务4-18 jQuery 实现单击左右箭头滚动图片
- 单元5 设计表单控件类网页特效
- 【教学导航】
- 【特效赏析】
- 任务5-1 实现注册表单中的网页特效
- 任务5-2 实现反馈意见表单中的网页特效
- 【知识必备】
- 5.1 JavaScript 的事件
- 5.2 JavaScript 的事件方法
- 5.3 jQuery 的事件方法
- 【引导训练】
- 任务5-3 JavaScript 实现邮箱自动导航
- 任务5-4 JavaScript 实现获取表单控件的设置值
- 任务5-5 jQuery 实现自定义列表框与单击清空输入框内容
- 【自主训练】
- 任务5-6 JavaScript 实现输出列表框中被选项的文本内容
- 任务5-7 JavaScript 实现利用列表框切换网页
- 任务5-8 jQuery 实现动态改变购买数量
- 单元6 设计导航菜单类网页特效
- 【教学导航】
- 【特效赏析】
- 任务6-1 应用className 和display 等属性实现横向下拉菜单
- 任务6-2 应用jQuery 的hover 事件和addClass() 等方法实现横向导航菜单
- 任务6-3 应用jQuery 的bind() 和attr() 等方法实现纵向导航菜单
- 【知识必备】
- 6.1 JavaScript 的this 指针
- 6.2 jQuery 的属性操作方法
- 6.3 jQuery 的CSS 操作方法
- 【引导训练】
- 任务6-4 应用JavaScript 的onmouseover 等事件和className属性设计横向导航菜单
- 任务6-5 应用jQuery 的hover 事件和css() 方法设计横向导航菜单
- 任务6-6 应用jQuery 的find() 和animate() 等方法设计横向导航菜单
- 任务6-7 应用jQuery 的one() 和each() 等方法设计复杂导航菜单
- 【自主训练】
- 任务6-8 应用HTML 元素的样式属性设计横向下拉菜单
- 任务6-9 应用jQuery 的show() 和hide() 等方法设计纵向导航菜单
- 任务6-10 应用jQuery 的slideDown() 和slideUp() 等方法设计有滑动效果的横向下拉菜单
- 任务6-11 应用jQuery 的slideDown() 和fadeOut() 等方法设计下拉菜单
- 单元7 设计选项卡类网页特效
- 【教学导航】
- 【特效赏析】
- 任务7-1 应用setInterval 函数和display 属性实现选项卡的手动切换和自动切换
- 任务7-2 应用jQuery 的index() 和find() 等方法实现横向选项卡
- 【知识必备】
- 7.1 JavaScript 的数组对象
- 7.2 JSON 及其使用
- 【引导训练】
- 任务7-3 应用DOM 的className 和style 等属性设计纵向选项卡
- 任务7-4 应用DOM 的className 和style 等属性设计横向选项卡
- 任务7-5 应用仿jQuery 的attr() 方法设计横向选项卡
- 任务7-6 应用JavaScript 的push() 和jQuery 的animate() 等方法设计横向选项卡与图文滚动特效
- 【自主训练】
- 任务7-7 应用DOM 的getElementById 和className 等属性设计横向选项卡
- 任务7-8 应用jQuery 的mouseover() 和show() 等方法设计横向选项卡
- 单元8 设计内容展开与折叠类网页特效
- 【教学导航】
- 【特效赏析】
- 任务8-1 应用jQuery 的each() 和hasClass() 等方法设计网页内容折叠与展开特效
- 任务8-2 应用jQuery 的toggle() 和css() 等方法实现网页内容多层折叠与展开特效
- 【知识必备】
- 8.1 BOM（浏览器对象模型）
- 8.2 jQuery 的尺寸方法
- 【引导训练】
- 任务8-3 应用DOM 的onclick 事件和parentNode 属性设计网页内容折叠与展开特效
- 任务8-4 应用JavaScript 的getElementsByTagName() 方法和className 属性设计网页内容折叠与展开特效
- 任务8-5 应用jQuery 的bind() 和css() 等方法设计网页内容折叠与展开特效
- 任务8-6 应用jQuery 的next() 和toggleClass() 等方法设计网页内容折叠与展开特效
- 【自主训练】
- 任务8-7 应用DOM 的getElementById() 方法和className属性设计网页内容折叠与展开特效
- 任务8-8 应用jQuery 的hover 和click 事件设计网页内容折叠与展开特效
- 任务8-9 应用jQuery 的data() 和animate() 等方法设计网页内容折叠与展开特效
- 单元9 设计页面类网页特效
- 【教学导航】
- 【特效赏析】
- 任务9-1 实现页面换肤网页特效
- 任务9-2 根据日期特征动态切换背景
- 【知识必备】
- 9.1 正确使用Cookie
- 9.2 正确区分jQuery 对象和DOM 对象
- 【引导训练】
- 任务9-3 根据屏幕宽度自动设置网页背景和导航栏
- 任务9-4 页面快捷导航菜单的显示与隐藏
- 任务9-5 下拉窗口的打开与自动隐藏
- 任务9-6 滚动屏幕时隐藏或显示“返回顶部”导航栏
- 【自主训练】
- 任务9-7 选购商品时打开购物车页面
- 任务9-8 动态切换页面背景与调整页面大小
- 任务9-9 浮动框架的高度自适应页面内容的高度
- 任务9-10 随着屏幕高度变化隐藏或显示“返回顶部”导航栏
- 附录 AjQuery的常用方法
- A.1 jQuery 的核心函数
- A.2 jQuery 的选择器
- A.3 jQuery 的遍历方法
- A.4 jQuery 的事件方法
- A.5 jQuery 的效果方法
- A.6 jQuery 的文档操作方法
- A.7 jQuery 的DOM 元素方法
- A.8 jQuery 的属性操作方法
- A.9 jQuery 的CSS 操作方法
- A.10 jQuery 的尺寸方法
- A.11 jQuery 的数据操作方法
- A.12 jQuery 的AJAX 操作方法
- 参考文献
展开全部
版权信息
出版社：人民邮电出版社
出版时间：2023
作者：陈承欢 编著
温馨提示：
1.本电子书已获得正版授权，由出版社通过知传链发行。
2.该电子书为虚拟物品，付费之后概不接收任何理由退款。电子书内容仅支持在线阅读，不支持下载。
3.您在本站购买的阅读使用权仅限于您本人阅读使用，您不得/不能给任何第三方使用，由此造成的一切相关后果本平台保留向您追偿索赔的权利！版权所有，后果自负！
得书感谢您对《JavaScript+jQuery网页特效设计任务驱动教程（第2版）》关注和支持，如本书内容有不良信息或侵权等情形的，请联系本网站。
出版时间：2023
作者：陈承欢 编著
温馨提示：
1.本电子书已获得正版授权，由出版社通过知传链发行。
2.该电子书为虚拟物品，付费之后概不接收任何理由退款。电子书内容仅支持在线阅读，不支持下载。
3.您在本站购买的阅读使用权仅限于您本人阅读使用，您不得/不能给任何第三方使用，由此造成的一切相关后果本平台保留向您追偿索赔的权利！版权所有，后果自负！
得书感谢您对《JavaScript+jQuery网页特效设计任务驱动教程（第2版）》关注和支持，如本书内容有不良信息或侵权等情形的，请联系本网站。
JavaScript+jQuery网页特效设计任务驱动教程（第2版）
免费读 (VIP)