项目十二使用JavaScript设计网页特效课件_第1页
项目十二使用JavaScript设计网页特效课件_第2页
项目十二使用JavaScript设计网页特效课件_第3页
项目十二使用JavaScript设计网页特效课件_第4页
项目十二使用JavaScript设计网页特效课件_第5页
已阅读5页,还剩85页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

项目十二

使用JavaScript设计网页特效项目十二

使用JavaScript设计网页特效1任务一JavaScript入门【知识目标】1.了解JavaScript2.掌握JavaScript使用方式3.掌握JavaScript基本数据结构任务一JavaScript入门【知识目标】2任务一JavaScript入门【技能目标】1.能够利用JavaScript,编辑页面2.能够利用JavaScript,实现页面输出信息任务一JavaScript入门【技能目标】3任务一JavaScript入门【项目描述】

日历是不少页面不可以缺少的组成部分,如现今流行的博客。当不同时间、不同地区的用户打开日历页面,所查看到的内容可能有所不同,HTML无法解决上述问题。JavaScript的出现帮助我们解决了这个问题,当我们打开日历页面,出现的是系统当前时间的日历,并且突出显示了当前的天数;还可以通过图片按钮,实现日历翻阅的效果,如图12-1所示。图12-1日历预览效果任务一JavaScript入门【项目描述】图12-1日历412.1.1项目准备1.JavaScript简介JavaScript是一种基于对象(Object)和事件驱动(Event-Driven)并具有安全性能的脚本语言。12.1.1项目准备1.JavaScript简介52.JavaScript特点脚本语言基于对象简单性安全性动态性跨平台性2.JavaScript特点63.JavaScript代码嵌入页面JavaScript代码嵌入网页的方法与CSS相似代码如下所示:<scriptlanguage="javascript">JavaScript语言代码;JavaScript语言代码;....</script>3.JavaScript代码嵌入页面74.JavaScript运行方式直接运行 JavaScript代码直接写入网页文档主体body标签里内联式运行 JavaScript代码写入网页文档头head标签里,只有当被调用时才会执行外联式运行 JavaScript程序写入JavaScript文件中,JavaScript文件后缀为.js,只有当文档调用该JS文件时,才运行其中的JavaScript代码。4.JavaScript运行方式85.JavaScript基础语法 JavaScript是一种基于对象(Object)和事件驱动(Event-Driven)的脚本语言,其语法与C语言非常相似,但有略有不同:弱变量类型

JavaScript是一种弱类型脚本语言。所谓弱类型指的是在JavaScript中所有数据类型的变量均用var这个关键词来声明,这样一来,无法通过变量声明来识别该变量是何种数据类型,只有通过赋值方可确定。

5.JavaScript基础语法9function函数JavaScript对函数的定义代码如下:function函数名(参数列表){ 代码段;}函数调用带返回值的函数function函数10事件 JavaScript与HTML结合,用户通过浏览器访问Web页面时,执行某个操作,触发了JavaScript程序的行为叫做事件驱动,其中执行的操作叫做事件,通常借由鼠标或者键盘进行,而触发的JavaScript程序称之为事件处理程序。 JavaScript事件有很多个,常用的事件有页面载入事件、页面卸载事件、单击事件、鼠标经过事件、鼠标离开事件。

事件11对象 JavaScript中的对象是由属性(properties)和方法(methods)两个基本的元素的构成的。前者是对象在实施其所需要行为的过程中,实现信息的装载单位,从而与变量相关联;后者是指对象能够按照设计者的意图而被执行,从而与特定的函数相联。 常见的对象有:1.引用JavaScript内部对象(String,Date等);2.由浏览器环境中提供(window等)3.HTMLDOM对象(document等)对象的应用:关键字new来创建一个对象,并通过点号“.”获取对象的属性或方法

对象12字符串对象String

属性 length用法:<字符串对象>.length;返回该字符串的长度。方法 indexOf()作用:从字符串对象中指定的位置搜索子字符串 substring()作用:返回字符串的一部分子字符串 substr()作用:返回字符串的一部分子字符串 toLowerCase()作用:把字符串改变为小写 toUpperCase()作用:把字符串改变为小写

字符串对象String13数组对象ArrayArray对象是一个变量中存储多个值。Array对象的创建有三种方式,如下所示: var数组名=newArray(); var数组名=newArray(数组个数); var数组=newArray(数组成员);属性 length属性:数组成员个数。示例如下:方法 join方法:把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。数组对象Array14数学对象Math Math对象没有构造函数Math(),因此Math对象的属性和方法直接以“Math.属性”和“Math.方法”的形式调用。方法 floor方法:对一个数进行下舍入,返回小于等于这个数的最大整数。例如Math.floor(3.98)值为3。 round方法:对一个数进行四舍五入,返回四舍五入的结果。例如Math.round(3.98)值为4。 random方法:返回一个介于0~1之间随机数数学对象Math15日期对象DateDate对象可以存储任意一个日期和时间,并且对日期和时间进行处理。Date对象的创建有带参数和不带参数两种,如下所示: vard=newDate(); vard=newDate(Y,M,D)获取日期和时间的方法

getYear():返回年数

getMonth():返回当月号数

getDate():返回当日号数

getDay():返回星期几

getHours():返回小时数

getMintes(:返回分钟数

getSeconds():返回秒数

getTime():返回毫秒数设置日期和时间:

setYear();设置年

setDate():设置当月号数

setMonth():设置当月份数

setHours():设置小时数

setMintes():设置分钟数

setSeconds():设置秒数

setTime():设置毫秒数日期对象Date1612.1.2项目实现1.日历页面设计2.日历功能实现日期单元格命名显示标题日期显示日期12.1.2项目实现1.日历页面设计1712.1.3项目训练制作九九乘法表。要求:1.利用JavaScript脚本语言,向页面输出一张九九乘法表,效果如图; 2.标题“九九乘法表”为标题1,数字为12pt大小的白色字体; 3.奇数列背景色为#009944,偶数列背景色为#0000ff。12.1.3项目训练制作九九乘法表。18任务二下拉菜单与悬停提示【知识目标】1.掌握对document对象的使用任务二下拉菜单与悬停提示【知识目标】19任务二下拉菜单与悬停提示【技能目标】1.结合CSS样式,制作美观的二级导航栏任务二下拉菜单与悬停提示【技能目标】20任务二下拉菜单与悬停提示【项目描述】 本次任务通过设计WebCompany公司网站首页,介绍如何利用JavaScript制作二级导航栏。利用JavaScript动态生成二级导航栏内容实现二级导航的效果。任务二下拉菜单与悬停提示【项目描述】2112.2.1项目准备1.document对象 文档对象是指从网页文档中划分出来的对象,document对象就是其中的一个,它描述当前窗口或者指定窗口对象的文档,包含里文档中从文档头<head>到页面主体</body>之间的所有内容。12.2.1项目准备1.document对象222.document对象属性title属性:返回当前文档的标题,即当前文档<title></title>标签所包含的文字3.document对象方法write、writeln方法:两个方法均是向文档写入数据,所写入的内容以网页HTML文档处理。write和writeln的差别在于writeln方法在写入数据后会自动换行。getElementById方法:获取当前文档中指定id的对象getElementsByName方法:通过name属性来获取当前文档中的对象。getElementsByTagName方法:获取指定标签的对象集合,2.document对象属性2312.2.2项目实现(1)页面内容设计(2)页面样式设计(3)页面功能实现12.2.2项目实现(1)页面内容设计2412.2.3项目训练根据效果图,网页设计课程网站首页。要求:1.利用DIV+CSS,设计页面; 2.利用JavaScript,实现二级导航栏12.2.3项目训练根据效果图,网页设计课程网站首页。25任务三选项卡切换特效【知识目标】1.熟练掌握对document对象的使用任务三选项卡切换特效【知识目标】26任务三选项卡切换特效【技能目标】1.结合CSS样式,实现选项卡切换效果任务三选项卡切换特效【技能目标】27任务三选项卡切换特效【项目描述】 选项卡可以将多个内容块重叠在一个区域显示,很多企事业单位网站首页都会选用选项卡。本节在12.2任务二基础上,为WebCompany公司网站的内容区域添加选项卡,来丰富该页面的内容任务三选项卡切换特效【项目描述】2812.3.1项目实现 在12.2.2的基础上,在相应的位置添加选项卡内容、设计选项卡CSS样式、实现选项卡功能12.3.1项目实现 在12.2.2的基础上,在相应的位2912.3.2项目训练根据效果图,网页设计课程网站首页。要求:1.利用DIV+CSS,设计页面; 2.利用JavaScript,实现二级导航栏 在12.2.3页面的基础上,修改前言的内容。页面加载时效果如图(a)所示;当鼠标指向“进阶提高篇”选项卡时,效果如图(b)所示。ab12.3.2项目训练根据效果图,网页设计课程网站首页。a30任务四网页弹出层特效【知识目标】1.掌握insertAdjacentHTML方法2.掌握insertAdjacentText方法任务四网页弹出层特效【知识目标】31【技能目标】1.能够向指定位置动态插入网页元素2.能够向指定位置动态插入文本任务四网页弹出层特效【技能目标】任务四网页弹出层特效32【项目描述】 弹出层是网页常用的特效之一,通过鼠标执行某种操作,弹出一个层,该层主要起到介绍、提示的作用。本任务通过在12.3任务三的基础上,添加一个介绍联系方式的层,页面加载时,隐藏层;当鼠标经过导航栏“联系我们”时,弹出层;点击层标题栏中“X”文本时,关闭层任务四网页弹出层特效【项目描述】任务四网页弹出层特效337.4.1项目准备1.insertAdjacentHTML方法 insertAdjacentHTML方法实现Javascript向页面添加HTML内容的方法。 insertAdjacentHTML方法有两个参数:待插入的位置、待插入的内容。方法使用如下所示: insertAdjacentHTML(where,content)where表示指定HTML内容要插入的位置,它有四个默认值:beforeBegin:插入到对象的开始标签之前afterBegin:插入到对象的开始标签之后beforeEnd:插入到对象的结束标签之前afterEnd:插入到对象的结束标签之后content表示带插入的内容。7.4.1项目准备1.insertAdjacentHT342.insertAdjacentText方法 insertAdjacentText方法与insertAdjacentHTML方法功能和使用方式基本一样,唯一的差别是,insertAdjacentText插入的是文本内容,而insertAdjacentHTML插入的是HTML内容。

2.insertAdjacentText方法3512.4.2项目实现 在12.3.1的基础上,在相应的位置添加【联系我们】层的内容、设计层的CSS样式、实现弹出层功能12.4.2项目实现 在12.3.1的基础上,在相应的位3612.4.3项目训练

在12.3.3网页设计课程网站首页的基础上,添加弹出层效果。 要求:当鼠标移至导航栏“目录”项时,弹出层,如图所示。当单击层上关闭按钮【X】时,关闭层;当单击层上缩小按钮【-】时,最小化层。

12.4.3项目训练 在12.3.3网页设计课程网站首页37任务五跑马灯与无缝滚动特效【知识目标】1.了解JavaScript中HTML元素通用属性2.掌握setInterval和setTimeout方法的使用3.掌握clearInterval和clearTimeout方法的使用任务五跑马灯与无缝滚动特效【知识目标】38任务五跑马灯与无缝滚动特效【技能目标】1.能够在网页中添加跑马灯与无缝滚动特效任务五跑马灯与无缝滚动特效【技能目标】39任务五跑马灯与无缝滚动特效【项目描述】

滚动效果是网页设计中一种常见的动态效果。在HTML中,<marquee>标签可以实现滚动效果,但是等待一次滚动完成后,才能进行第二次等待,滚动效果不佳。本项目在12.4的基础上,为“硬件产品”选项卡下的硬件产品信息添加无缝滚动特效。任务五跑马灯与无缝滚动特效【项目描述】4012.5.1项目准备1.HTML元素对象属性

offsetParent属性:获取最近的动态定位的包含元素的引用,所有的便宜量都根据该元素来决定。offsetTop属性:获取当前元素的上边界到它的包含元素的上边界的偏移量,单位为像素。offsetLeft属性:获取当前元素的左边界到它的包含元素的左边界的偏移量,单位为像素。offsetWidth属性:获取元素的宽度,是元素实际占据的宽度,单位为像素。offsetHeight属性:获取元素的高度,是元素实际占据的高度,单位为像素。scrollTop属性:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离,单位为像素。scrollLeft属性:设置或获取位于对象左边界和窗口中可见内容的最左端之间的距离,单位为像素。scrollWidth属性:获取元素的滚动宽度,单位为像素。scrollHeight属性:获取元素的滚动高度,单位为像素。12.5.1项目准备1.HTML元素对象属性412.setInterval方法和clearInterval方法setInterval方法 setInterval方法的作用有些类似一般编程语言的函数递归调用,setInterval可以每隔一段时间调用某个函数。该方法有两个参数:需要调用的函数和间隔时间。方法使用如下所示: setInterval(function,time) function为需要调用函数的函数名;time为调用的间隔时间,时间以毫秒为单位。clearInterval方法 clearInterval方法即为清除setInterval方法的调用函数操作,其使用方法如下: clearInterval(clearid) 其中clearid为调用setInterval方法后返回的值。2.setInterval方法和clearInterval423.setTimeout方法和clearTimeout方法setTimeout方法 setTimeout方法与setInterval方法都是实现在一个时间后调用某个函数,两者的语法也相同,有两个函数。但是这个两个方法还是略有区别。setInterval方法能够重复实现函数的调用,而setTimeout方法只执行一次调用。clearTimeout方法清除setTimeout方法调用函数的操作由clearTimeout方法来完成,该方法的使用与clearInterval一样,根据setTimeout方法返回的值,实现调用函数操作的清除。3.setTimeout方法和clearTimeout方法4312.5.2项目实现 在12.4.2的基础上,在相应的位置修改滚动区域的内容、设计该区域的CSS样式、实现无缝滚动功能12.5.2项目实现 在12.4.2的基础上,在相应的位4412.5.3项目训练 12.5.2实现了水平向左的无缝滚动,在12.4.3的基础上,添加一个滚动条,实现向上翻屏滚动。所谓翻屏滚动,即每次滚动只显示一条信息。12.5.3项目训练 12.5.2实现了水平向左的无缝滚45项目十二

使用JavaScript设计网页特效项目十二

使用JavaScript设计网页特效46任务一JavaScript入门【知识目标】1.了解JavaScript2.掌握JavaScript使用方式3.掌握JavaScript基本数据结构任务一JavaScript入门【知识目标】47任务一JavaScript入门【技能目标】1.能够利用JavaScript,编辑页面2.能够利用JavaScript,实现页面输出信息任务一JavaScript入门【技能目标】48任务一JavaScript入门【项目描述】

日历是不少页面不可以缺少的组成部分,如现今流行的博客。当不同时间、不同地区的用户打开日历页面,所查看到的内容可能有所不同,HTML无法解决上述问题。JavaScript的出现帮助我们解决了这个问题,当我们打开日历页面,出现的是系统当前时间的日历,并且突出显示了当前的天数;还可以通过图片按钮,实现日历翻阅的效果,如图12-1所示。图12-1日历预览效果任务一JavaScript入门【项目描述】图12-1日历4912.1.1项目准备1.JavaScript简介JavaScript是一种基于对象(Object)和事件驱动(Event-Driven)并具有安全性能的脚本语言。12.1.1项目准备1.JavaScript简介502.JavaScript特点脚本语言基于对象简单性安全性动态性跨平台性2.JavaScript特点513.JavaScript代码嵌入页面JavaScript代码嵌入网页的方法与CSS相似代码如下所示:<scriptlanguage="javascript">JavaScript语言代码;JavaScript语言代码;....</script>3.JavaScript代码嵌入页面524.JavaScript运行方式直接运行 JavaScript代码直接写入网页文档主体body标签里内联式运行 JavaScript代码写入网页文档头head标签里,只有当被调用时才会执行外联式运行 JavaScript程序写入JavaScript文件中,JavaScript文件后缀为.js,只有当文档调用该JS文件时,才运行其中的JavaScript代码。4.JavaScript运行方式535.JavaScript基础语法 JavaScript是一种基于对象(Object)和事件驱动(Event-Driven)的脚本语言,其语法与C语言非常相似,但有略有不同:弱变量类型

JavaScript是一种弱类型脚本语言。所谓弱类型指的是在JavaScript中所有数据类型的变量均用var这个关键词来声明,这样一来,无法通过变量声明来识别该变量是何种数据类型,只有通过赋值方可确定。

5.JavaScript基础语法54function函数JavaScript对函数的定义代码如下:function函数名(参数列表){ 代码段;}函数调用带返回值的函数function函数55事件 JavaScript与HTML结合,用户通过浏览器访问Web页面时,执行某个操作,触发了JavaScript程序的行为叫做事件驱动,其中执行的操作叫做事件,通常借由鼠标或者键盘进行,而触发的JavaScript程序称之为事件处理程序。 JavaScript事件有很多个,常用的事件有页面载入事件、页面卸载事件、单击事件、鼠标经过事件、鼠标离开事件。

事件56对象 JavaScript中的对象是由属性(properties)和方法(methods)两个基本的元素的构成的。前者是对象在实施其所需要行为的过程中,实现信息的装载单位,从而与变量相关联;后者是指对象能够按照设计者的意图而被执行,从而与特定的函数相联。 常见的对象有:1.引用JavaScript内部对象(String,Date等);2.由浏览器环境中提供(window等)3.HTMLDOM对象(document等)对象的应用:关键字new来创建一个对象,并通过点号“.”获取对象的属性或方法

对象57字符串对象String

属性 length用法:<字符串对象>.length;返回该字符串的长度。方法 indexOf()作用:从字符串对象中指定的位置搜索子字符串 substring()作用:返回字符串的一部分子字符串 substr()作用:返回字符串的一部分子字符串 toLowerCase()作用:把字符串改变为小写 toUpperCase()作用:把字符串改变为小写

字符串对象String58数组对象ArrayArray对象是一个变量中存储多个值。Array对象的创建有三种方式,如下所示: var数组名=newArray(); var数组名=newArray(数组个数); var数组=newArray(数组成员);属性 length属性:数组成员个数。示例如下:方法 join方法:把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。数组对象Array59数学对象Math Math对象没有构造函数Math(),因此Math对象的属性和方法直接以“Math.属性”和“Math.方法”的形式调用。方法 floor方法:对一个数进行下舍入,返回小于等于这个数的最大整数。例如Math.floor(3.98)值为3。 round方法:对一个数进行四舍五入,返回四舍五入的结果。例如Math.round(3.98)值为4。 random方法:返回一个介于0~1之间随机数数学对象Math60日期对象DateDate对象可以存储任意一个日期和时间,并且对日期和时间进行处理。Date对象的创建有带参数和不带参数两种,如下所示: vard=newDate(); vard=newDate(Y,M,D)获取日期和时间的方法

getYear():返回年数

getMonth():返回当月号数

getDate():返回当日号数

getDay():返回星期几

getHours():返回小时数

getMintes(:返回分钟数

getSeconds():返回秒数

getTime():返回毫秒数设置日期和时间:

setYear();设置年

setDate():设置当月号数

setMonth():设置当月份数

setHours():设置小时数

setMintes():设置分钟数

setSeconds():设置秒数

setTime():设置毫秒数日期对象Date6112.1.2项目实现1.日历页面设计2.日历功能实现日期单元格命名显示标题日期显示日期12.1.2项目实现1.日历页面设计6212.1.3项目训练制作九九乘法表。要求:1.利用JavaScript脚本语言,向页面输出一张九九乘法表,效果如图; 2.标题“九九乘法表”为标题1,数字为12pt大小的白色字体; 3.奇数列背景色为#009944,偶数列背景色为#0000ff。12.1.3项目训练制作九九乘法表。63任务二下拉菜单与悬停提示【知识目标】1.掌握对document对象的使用任务二下拉菜单与悬停提示【知识目标】64任务二下拉菜单与悬停提示【技能目标】1.结合CSS样式,制作美观的二级导航栏任务二下拉菜单与悬停提示【技能目标】65任务二下拉菜单与悬停提示【项目描述】 本次任务通过设计WebCompany公司网站首页,介绍如何利用JavaScript制作二级导航栏。利用JavaScript动态生成二级导航栏内容实现二级导航的效果。任务二下拉菜单与悬停提示【项目描述】6612.2.1项目准备1.document对象 文档对象是指从网页文档中划分出来的对象,document对象就是其中的一个,它描述当前窗口或者指定窗口对象的文档,包含里文档中从文档头<head>到页面主体</body>之间的所有内容。12.2.1项目准备1.document对象672.document对象属性title属性:返回当前文档的标题,即当前文档<title></title>标签所包含的文字3.document对象方法write、writeln方法:两个方法均是向文档写入数据,所写入的内容以网页HTML文档处理。write和writeln的差别在于writeln方法在写入数据后会自动换行。getElementById方法:获取当前文档中指定id的对象getElementsByName方法:通过name属性来获取当前文档中的对象。getElementsByTagName方法:获取指定标签的对象集合,2.document对象属性6812.2.2项目实现(1)页面内容设计(2)页面样式设计(3)页面功能实现12.2.2项目实现(1)页面内容设计6912.2.3项目训练根据效果图,网页设计课程网站首页。要求:1.利用DIV+CSS,设计页面; 2.利用JavaScript,实现二级导航栏12.2.3项目训练根据效果图,网页设计课程网站首页。70任务三选项卡切换特效【知识目标】1.熟练掌握对document对象的使用任务三选项卡切换特效【知识目标】71任务三选项卡切换特效【技能目标】1.结合CSS样式,实现选项卡切换效果任务三选项卡切换特效【技能目标】72任务三选项卡切换特效【项目描述】 选项卡可以将多个内容块重叠在一个区域显示,很多企事业单位网站首页都会选用选项卡。本节在12.2任务二基础上,为WebCompany公司网站的内容区域添加选项卡,来丰富该页面的内容任务三选项卡切换特效【项目描述】7312.3.1项目实现 在12.2.2的基础上,在相应的位置添加选项卡内容、设计选项卡CSS样式、实现选项卡功能12.3.1项目实现 在12.2.2的基础上,在相应的位7412.3.2项目训练根据效果图,网页设计课程网站首页。要求:1.利用DIV+CSS,设计页面; 2.利用JavaScript,实现二级导航栏 在12.2.3页面的基础上,修改前言的内容。页面加载时效果如图(a)所示;当鼠标指向“进阶提高篇”选项卡时,效果如图(b)所示。ab12.3.2项目训练根据效果图,网页设计课程网站首页。a75任务四网页弹出层特效【知识目标】1.掌握insertAdjacentHTML方法2.掌握insertAdjacentText方法任务四网页弹出层特效【知识目标】76【技能目标】1.能够向指定位置动态插入网页元素2.能够向指定位置动态插入文本任务四网页弹出层特效【技能目标】任务四网页弹出层特效77【项目描述】 弹出层是网页常用的特效之一,通过鼠标执行某种操作,弹出一个层,该层主要起到介绍、提示的作用。本任务通过在12.3任务三的基础上,添加一个介绍联系方式的层,页面加载时,隐藏层;当鼠标经过导航栏“联系我们”时,弹出层;点击层标题栏中“X”文本时,关闭层任务四网页弹出层特效【项目描述】任务四网页弹出层特效787.4.1项目准备1.insertAdjacentHTML方法 insertAdjacentHTML方法实现Javascript向页面添加HTML内容的方法。 insertAdjacentHTML方法有两个参数:待插入的位置、待插入的内容。方法使用如下所示: insertAdjacentHTML(where,content)where表示指定HTML内容要插入的位置,它有四个默认值:beforeBegin:插入到对象的开始标签之前afterBegin:插入到对象的开始标签之后beforeEnd:插入到对象的结束标签之前afterEnd:插入到对象的结束标签之后content表示带插入的内容。7.4.1项目准备1.insertAdjacentHT792.insertAdjacentText方法 insertAdjacentText方法与insertAdjacentHTML方法功能和使用方式基本一样,唯一的差别是,insertAdjacentText插入的是文本内容,而insertAdjacentHTML插入的是HTML内容。

2.insertAdjacentText方法8012.4.2项目实现 在12.3.1的基础上,在相应的位置添加【联系我们】层的内容、设计层的CSS样式、实现弹出层功能12.4.2项目实现 在12.3.1的基础上,在相应的位8112.4.3项目训练

在12.3.3网页设计课程网站首页的基础上,添加弹出层效果。 要求:当鼠标移至导航栏“目录”项时,弹出层,如图所示。当单击层上关闭按钮【X】时,关闭层;当单击层上缩小按钮【-】时,最小化层。

12.4.3项目训练 在12.3.3网页设计课程网站首页82任务五跑马灯与无缝滚动特效【知识目标】1.了解JavaScript中HTML元素通用属性2.掌握setInterval和setTimeout方法的使用3.掌握clearInterval和clearTimeout方法的使用任务五跑马灯与无缝滚动特效【知识目标】83任务五跑马灯与无缝滚动特效【技能目标】1.能够在网页中添加跑马灯与无缝滚动特效任务五跑马灯与无缝滚动特效【技能目标】84任务五跑马灯与无缝滚动特效【项目描述】

滚动效果是网页设计中一

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论