第8章使用JavaScript制作网页特效_第1页
第8章使用JavaScript制作网页特效_第2页
第8章使用JavaScript制作网页特效_第3页
第8章使用JavaScript制作网页特效_第4页
第8章使用JavaScript制作网页特效_第5页
已阅读5页，还剩9页未读， 继续免费阅读

下载本文档

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

文档简介

※掌握JavaScript代码嵌入网页的方法；※掌握基本JavaScript特效实现的方法。第8章使用JavaScript制作网页特效学习目标：第8章使用JavaScript制作网页特效8.1什么是JavaScript语言JavaScript是一种基于对象并具有安全性的脚本语言，它具有以下特点。1.是一种脚本编写语言2.基于对象的语言3.简单性4.安全性5.动态性6.跨平台性第8章使用JavaScript制作网页特效8.2在网页中调用JavaScript

1.直接嵌入HTML文档中<scripttype="text/javascript">JavaScript语言代码； …</script>说明：

（1）JavaScript代码写在<scripttype="text/javascript">和</script>之间。（2）<Script>...</Script>标识放入<head>..</head>或<body>...</body>之间。将JavaScript标识放置<head>...</head>在头部之间，使之在主页和其余部分代码之前装载，从而可使代码的功能更强大；将JavaScript标识放置在<body>...</body>主体之间以实现动态地创建文档。JavaScript的脚本程序包含在HTML文档中，使之成为HTML文档的一部分。其格式为：第8章使用JavaScript制作网页特效例8-1在网页上嵌入JavaScript脚本，在网页文档中显示“欢迎学习JavaScript!”。文件名：8-1.html，代码如下：第8章使用JavaScript制作网页特效说明：（1）document.write（）是文档对象的输出函数，其功能是将括号中的字符串或变量值输出到文档窗口。（2）JavaScript的程序代码区分大小写，若将document.write（）写成Document.Write（）,程序将无法显示正确的结果。（3）JavaScript的程序代码的语句结束符使用分号结束。第8章使用JavaScript制作网页特效2.

引入外部脚本文件将脚本代码放入脚本文件（以.js作为扩展名）中，则可以使用script标记的src属性引用外部脚本文件。其语法格式为：<head>…<scripttype="text/javascript"src="脚本文件名.js"></script>…</head>说明：脚本文件中包含的是javascript代码，不包含HTML标记。其格式为：JavaScript语言代码；…第8章使用JavaScript制作网页特效例8-2

创建网页文件，链接外部脚本文件，显示信息“欢迎光临我的网站！”，文件名：8-2.html.说明：alert是window对象的方法，其功能是弹出一个对话框并显示其中的字符串。第8章使用JavaScript制作网页特效3.在事件代码中添加脚本JavaScript采用的是事件驱动的编程机制，因此可以在网页元素的事件代码中直接编写脚本代码。例8-3编写body元素的onload事件代码，输出信息“欢迎光临我的网站！”。文件名：8-3.html.第8章使用JavaScript制作网页特效说明：Alert方法前面省略了window对象，该对象名称可以省略。网页元素的事件名称都以on开头，常用的事件有：onclick、onload、onmouseover、onmouseout等。

第8章使用JavaScript制作网页特效8.3案例：制作Flash幻灯片特效要求如下：每隔一段时间，自动切换到下一副画面；用户单击图片下方的数字，将直接切换到相应的画面；用户单击链接的文字，可以打开相应的网页（这里可以设置为空链接）第8章使用JavaScript制作网页特效8.4案例：制作下拉菜单特效要求如下：鼠标置于顶部菜单项时，自动弹出二级下拉菜单；鼠标置于菜单项时改变背景颜色和字符颜色；第8章使用JavaScript制作网页特效8.5案例：制作选项卡特效要求如下：鼠标滑动时切换选项卡；每个选项卡中用列表表示内容，每项内容都有超链接；用户单击链接的文字，可以打开相应的网页（这里设置为空链接）.第8章使用JavaScript制作网页特效说明：window.onload=function(){}的作用是当页面加载完成后会执行function(){}里面的代码，这样可以简化代码的写法，实际执行脚本代码时经常使用。本章介绍了JavaScript脚本嵌入HTML网页文件的三种方式，并介绍了三个典型脚本使用的案例。通过本章的学习可以在制作网页时，通过使用JavaScript

人人文库> 全部分类> 应用文书 > 事务文书

温馨提示

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

最新文档

评论

0/150

提交评论