更新时间:2025-02-07 17:05:50
封面
版权信息
内容提要
前言
课程设计
单元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实现单击箭头按钮切换图片