本书以任务驱动方式对网页特效相关知识进行讲解，按照特效类别划分出10个项目，根据这些网页特效的实现要求，将HTML、CSS和jQuery完美融合在一起，将网页特效真实再现到本书...
类似推荐
内容简介
本书是网页特效设计项目化教材。
本书将网页特效分为9类，分别是基本网页特效、日期时间类网页特效、文字类网页特效、图片类网页特效、表单控件类网页特效、导航菜单类网页特效、选项卡类网页特效、内容展开与折叠类网页特效和页面类网页特效，同时相应地将全书分为9个教学单元，每个教学单元分析和设计一种类型的网页特效，同时将JavaScript和jQuery的相关知识合理地安排到各个教学单元。
本书可以作为普通高等院校、高等或中等职业院校和高等专科院校各专业网页特效设计课程的教材，也可以作为网页特效设计的培训用书及技术用书。
章节目录
- 32793BQ
- 前言
- 课程设计
- 目录
- ZW32793-书签
- 单元1 设计基本网页特效
- 任务1-1 JavaScript 实现动态加载网页内容
- 任务1-2 jQuery 实现网页收藏
- 任务1-3 JavaScript 实现关闭网页时弹出小窗口
- 任务1-4 JavaScript 实现动态改变样式文件
- 任务1-5 JavaScript 实现动态改变网页字体大小及关闭网页窗口
- 任务1-6 JavaScript 实现播放Flash 动画
- 任务1-7 JavaScript 实现设为主页
- 任务1-8 jQuery 实现动态设置页面的宽度和高度
- 任务1-9 利用外部JS 文件动态输出网页内容
- 任务1-10 巧用CSS 实现下拉菜单
- 单元2 设计日期时间类网页特效
- 任务2-1 显示常规格式的当前日期与时间
- 任务2-2 采用多种方式显示当前的日期
- 任务2-3 不同的节日显示对应的问候语
- 任务2-4 在特定日期的特定时段显示打折促销信息
- 任务2-5 不同时间段显示不同的问候语
- 任务2-6 一周内每天输出不同的图片
- 任务2-7 实现在线考试倒计时
- 任务2-8 显示限定格式的日期
- 任务2-9 验证日期的有效性
- 任务2-10 实现限时抢购倒计时
- 单元3 设计文字类网页特效
- 任务3-1 JavaScript 实现滚动网页标题栏中的文字
- 任务3-2 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-3 JavaScript 实现控制网页中的图片尺寸
- 任务4-4 JavaScript 实现限制图片尺寸与滑动鼠标滚轮调整图片尺寸
- 任务4-5 JavaScript 实现网页中图片连续向上滚动
- 任务4-6 JavaScript 实现具有滤镜效果的横向焦点图片轮换
- 任务4-7 JavaScript 实现具有手风琴效果的横向焦点图片轮换
- 任务4-8 JavaScript 实现带缩略图且双向移动的横向焦点图轮换
- 任务4-9 JavaScript 实现随滚动条的滑块移动上下滑动图片
- 任务4-10 jQuery 实现图片纵向移动的焦点图片轮换
- 任务4-11 jQuery 实现具有滤镜效果的横向焦点图片轮换
- 任务4-12 jQuery 实现鼠标滑过图片时预览大图
- 任务4-13 jQuery 实现单击箭头按钮切换图片
- 任务4-14 JavaScript 实现图片连续向左滚动
- 任务4-15 JavaScript 实现通用横向焦点图片轮换
- 任务4-16 jQuery 实现图片纵向切换
- 任务4-17 jQuery 实现自动与手动均可切换的焦点图片轮换
- 任务4-18 jQuery 实现单击左右箭头实现图片滚动效果
- 单元5 设计表单控件类网页特效
- 任务5-1 实现注册表单中的网页特效
- 任务5-2 实现反馈意见表单中的网页特效
- 任务5-3 JavaScript 实现邮箱自动导航
- 任务5-4 JavaScript 实现从自定义列表框中选择商品类型
- 任务5-5 JavaScript 实现获取表单控件的设置值
- 任务5-6 jQuery 实现自定义列表框与单击清空输入框内容
- 任务5-7 jQuery 实现动态改变购买数量
- 任务5-8 JavaScript 实现输出列表框中被选项的文本内容
- 任务5-9 JavaScript 实现利用列表框切换网页
- 任务5-10 jQuery 实现验证页面页码
- 单元6 设计导航菜单类网页特效
- 任务6-1 应用className 和display 等属性实现横向下拉菜单
- 任务6-2 应用jQuery 的hover 事件和addClass 等方法实现横向导航菜单
- 任务6-3 应用jQuery 的bind 和attr 等方法实现纵向导航菜单
- 任务6-4 应用JavaScript 的onmouseover 等事件和className 属性设计横向导航菜单
- 任务6-5 应用DOM 的getElementById 和className属性设计横向导航菜单
- 任务6-6 应用jQuery 的hover 事件和CSS 方法设计横向导航菜单
- 任务6-7 应用jQuery 的find 和animate 等方法设计横向导航菜单
- 任务6-8 应用jQuery 的one 和each 等方法设计复杂导航菜单
- 任务6-9 应用HTML 元素的样式属性设计横向下拉菜单
- 任务6-10 应用jQuery 的show 和hide 等方法设计纵向导航菜单
- 任务6-11 应用jQuery 的slideDown 和slideUp 等方法设计有滑动效果的横向下拉菜单
- 单元7 设计选项卡类网页特效
- 任务7-1 应用setInterval 函数和display 属性实现选项卡的手动切换和自动切换
- 任务7-2 应用jQuery 的index 和find 等方法实现横向选项卡
- 任务7-3 应用DOM 的className 和style 等属性设计纵向选项卡
- 任务7-4 应用DOM 的className 和style 等属性设计横向选项卡
- 任务7-5 应用DOM 的parentNode 属性和JSON 设计纵向选项卡
- 任务7-6 应用仿jQuery 的attr 方法设计横向选项卡
- 任务7-7 应用JavaScript的push和jQuery的animate等方法设计横向选项卡与图文滚动特效
- 任务7-8 应用jQuery 的each 和css 方法设计纵向选项卡
- 任务7-9 应用DOM 的getElementById 和className等属性设计横向选项卡
- 任务7-10 应用jQuery 的mouseover 和show 等方法设计横向选项卡
- 单元8 设计内容展开与折叠类网页特效
- 任务8-1 应用jQuery 的each 和hasClass 等方法设计网页内容折叠与展开特效
- 任务8-2 应用jQuery 的toggle 和css 等方法实现网页内容多层折叠与展开特效
- 任务8-3 应用DOM 的onclick 事件和parentNode 属性设计网页内容折叠与展开特效
- 任务8-4 应用JavaScript的getElementsByTagName和className 等方法或属性设计网页内容折叠与展开特效
- 任务8-5 应用jQuery 的bind 和css 等方法设计网页内容折叠与展开特效
- 任务8-6 应用jQuery 的slideUp 和slideDown 等方法设计网页内容折叠与展开特效
- 任务8-7 应用DOM 的getElementById 方法和className 属性设计网页内容折叠与展开特效
- 任务8-8 应用jQuery 的hover 和click 事件设计网页内容折叠与展开特效
- 任务8-9 应用jQuery 的toggle 和hasClass 方法设计网页内容折叠与展开特效
- 任务8-10 应用jQuery 的data 和animate 等方法设计网页内容折叠与展开特效
- 单元9 设计页面类网页特效
- 任务9-1 实现页面换肤网页特效
- 任务9-2 根据日期特征动态切换背景
- 任务9-3 根据屏幕宽度自动设置网页背景和导航栏
- 任务9-4 页面快捷导航菜单的显示与隐藏
- 任务9-5 下拉窗口的打开与自动隐藏
- 任务9-6 滚动屏幕时隐藏或显示返回顶部导航栏
- 任务9-7 选购商品时打开购物车页面
- 任务9-8 动态切换页面背景与调整页面大小
- 任务9-9 浮动框架的高度自适应页面内容的高度
- 任务9-10 随着屏幕高度变化隐藏或显示返回顶部导航栏
- 任务9-11 促销信息的显示与隐藏
- 附录A jQuery 的常用方法
- 参 考 文 献
展开全部
JavaScript+jQuery网页特效设计实例教程是2013年由人民邮电出版社出版,作者陈承欢 编著。
版权说明：本电子书已获得正版授权，由出版社通过知传链发行。
得书感谢您对《JavaScript+jQuery网页特效设计实例教程》关注和支持，如本书内容有不良信息或侵权等情形的，请联系本网站。
电子书
本书以任务驱动方式对网页特效相关知识进行讲解，按照特效类别划分出10个项目，根据这些网页特效的实现要求，将HTML、CSS和jQuery完美融合在一起，将网页特效真实再现到本书...
电子书
随着Ajax技术的不断风靡，其核心技术JavaScript越来越受到人们的关注，各种JavaScript的框架层出不穷。jQuery作为JavaScript框架的代表，为广大提...
电子书
本书紧密围绕互联网行业发展对网站开发人员技术与能力的要求进行编写，主要介绍如何使用JavaScript、jQuery编写网页特效，最终制作出界面美观大方、具备动态效果、面向企业...
电子书
采用DreamweaverCS6+PhotoshopCS6+FlashCS6的顺序对网页制作和网站建设进行全面学习，每个项目在开篇都会列出项目导读、学习要点、学习目标、重点与难...
电子书
随着信息时代的到来，网络已完全融入人们的日常工作和生活，从安卓到苹果、从网页到APP、从休闲到游戏，前端应用无处不在，而这些都离不开网络的承载者—网页。本书共7章。主要内容包括...
电子书
这是一本说设计的书，也是一本说沟通和方法的书。本书从实际出发，内容涵盖网页设计从业者在生活、工作、设计方面可能会遇到的各种问题和困扰。针对这些问题和困扰，本书以另一种设计视角，...
电子书
本书是一本跨学科的、全面介绍网页界面（UI）设计的教材，以Photoshop软件为主体工具，全书共分为两部分，第一部分是网页视觉元素设计，通过案例方式详细讲解关于网页文字、图像...