Html Css JavaScript标准教程第15章利用JavaScript制作特效网页实例

1、第15章利用JavaScript制作特殊效果网页的实例。 教育内容： JavaScript语言是网页上广泛使用的脚本语言。 使用JavaScript，可以为网页带来动态效果，受到紧凑、简单的用户的欢迎。 本章介绍JavaScript的时间效果、图像效果、窗口效果、鼠标效果和其他效果。、 教育重点时间特殊效果图像特殊效果窗口特殊效果教育难点鼠标特殊效果和其他教育目标和基本要求_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ . _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _教

2、育时间：在本章中，以会话的教育方法为例，多媒体理论面教授教材课程的示例文件： sample第15章练习文件： exercise第15章，本章各会话的分配和链接， 15.1小时效果()会话15.2图像效果()会话15.3窗口效果()会话15.4鼠标效果()会话15.5其他效果()会话，15.1小时效果在网页上能够看到各种动态时间显示为了表达某种意义，可以使用不同的时间显示方式。 日期和时间的效果是网页上最常见的效果，可以自动记录现在的时间、顾客停留时间、网站更新日期，在一定时间内关闭窗口等。 以下，通过实例介绍时间对象的使用方法和制作效果，通过本节的学习，可以进一步熟悉JavaScript这一脚

3、本语言，掌握时间对象的使用方法。 下面的示例使用JavaScript脚本创建一个动态显示当前时间的网页效果。 在该示例中，首先使用now_time=new Date ()创建date对象，使用date对象的getHours ()方法获取时间，使用getMinutes ()方法获取分钟，以及getSeconds ()方法、15.1.1代码练习表示当前时间，15.1.2代码练习表示当前日期，首先定义月和日期的数组，创建Date ()对象的实例，使用getYear ()、getMonth ()、getDate ()和getDay 在该例子中，实现访问者的页面停留时间，主要使用SetTimeout (

4、)方法以预定的毫秒设置计时器。 达到设定的时间后，会显示信息。 信息确定后，程序操作继续显示页面停留时间。 15.1.3代码练习是网页停留时间，15.2图像效果，图像是文本的解释和说明，把图像放在网页的适当位置，不仅使文本更容易阅读，还使网页更有魅力。 JavaScript可以制作各种各样的图像效果。 15.2.1代码对鼠标指针通过图像时图像的振动效果进行训练，在以下制作中，鼠标悬停在图像上时图像会出现振动效果。 其效果是，将鼠标放在图像上时，图像就会出现振动效果，实际上，图像会在限定范围内迅速移动。 采用的定位方式的位置： relative； 的定位。 15.2.2代码训练照片闪烁效果，制作

5、照片闪烁效果主要利用style.visibility属性来表现要素的可视性。 15.2.3代码练习自动切换图像，为了提高页面的外观，在切换图像时通常使用像幻灯片一样的效果。 本示例介绍了如何实现这种图像切换的特殊效果。 主要通过图像数组访问图像，JavaScript提供窗口对象的方法和属性。 使用这些方法和属性，可以根据情况创建各种窗口效果。 下面以窗口效应的具体应用为例。15.3窗口效果，以下称为使用与windows对象相关联的screen对象。 使用screen对象可以获得显示器的特性。 您也可以使用这些特性来设置新的打开窗口，例如网页全屏。 创建全屏窗口。15.3.1代码练习全屏窗口和C

6、lose ()方法都可以直接引用，没有参数设置。执行close ()方法时，会显示一个对话框，询问您是否要关闭窗口。 在单击“确定”按钮之前不关闭窗口。 如果不单击，显示会继续，但创建的新窗口在关闭时不会显示。 setTimeout(clock ()； 方法1000 )定义定时关闭窗口的计时器。 可以在15.3.2代码练习的时候关闭窗口，并使用JavaScript创建各种鼠标效果。 以下，以禁止鼠标右键，跟随鼠标的图像和跟随鼠标的滚动字幕为例进行说明。 15.4鼠标效果，15.4.1代码练习禁止鼠标右键单击，有些网页上，用户右键单击时会出现警告窗口，或者没有直接反应。 通过禁止鼠标右键功能，限

7、制用户的操作权限. 15.4.2代码练习图像跟踪鼠标的特殊效果，跟踪鼠标移动的图像是特殊的鼠标效果，跟踪鼠标指针移动的图像的具体操作步骤如下。 15.4.3代码演习遵循鼠标文字。 这是最常见的文本效果，无论鼠标移动到哪里，字符都跟在后面。 在本示例中，我们将学习如何创建此效果。 15.5其他特殊效果，JavaScript脚本语言是制作特殊效果网页的语言。 因为它的结构简单语法简单，发售后很受很多网络制作者欢迎。 除了本章所述的特殊效果外，还可以制作网站上常见的特殊效果。 15.5.1代码演习设定为主页和收藏夹，设定为主页和收藏夹是网页上最常见的效果。 主页设置主要使用behavior属性来设置动作。 所有设置都统一为url(#default#homepage )，并使用sethomepage ()函数指定要在主页上设置的url地址。 收藏夹设置由href属性进行，收藏夹信息设置由addFavorite ()函数进行。 在15.5.2代码中练习了表单数据的检查，下面通过示例介绍了表单数据的简单检查方法。 读者可能有过这样的经历。 在网站注册或留言时，有用户名、密码长度限制、电子邮件地址格式是否正确等限制。 因为表单是用于收集用户输入的数据的，所以必须