sina.com.cn
新浪首页|免费邮件|用户注册|网站地图

科技时代

新浪首页 > 科技时代 > 网上学园 > 主页制作 > 大众网络报 > 正文







用DW轻松实现JavaScript特效

http://tech.sina.com.cn 2001/02/15 15:15 大众网络报 都市农民

  用Javascript在网页中实现特效应用非常广泛,但直接用记事本一句一句地编写Javascript程序那可让人受不了,在Dreamweaver中提供了Timeline工具可以在网页中实现动画,你只需简单地拖动鼠标,生成Javascript程序的事就交给他了。下面就利用这个工具实现表格一变四的效果。

  1.打开Dreamweaver程序,单击“Modify”菜单,执行Page properties…命令,在页面属性对话框中,把Background设置为黑色,单击“Ok”按钮。

  2.单击“Insert”菜单,执行Layer命令,新建一个层,命名为Layer1,根据实际需要改变层的大小。

  3.单击层“Layer1”,把光标定位到该层中,单击“Insert”菜单,执行Table命令,在插入表格对话框中,设置Rows=1、Cols=1,单击“Ok”按钮。

  4.调整表格的宽度和高度,使之与层Layer1的宽度和高度一样。在Properties面板中设置表格背景色为#FFCCCC,边框颜色为#FFFFFF。在表格中输入文字“表格一”并居中显示。

  5.按照同样的方法建立其它三个层,分别命名为Layer2、Layer3、Layer4,表格中文字分别是“表格二”、“表格三”、“表格四”。

  6.把Layer4移动到页面中心,调整其它三个层的位置,使Layer3遮住Layer4,Layer2遮住Layer3,Layer1遮住Layer2。

  7.按Ctrl+F9打开Timeline面板,选定层Layer1。在Timeline面板第一层第一帧处单击鼠标右键,执行快捷键菜单中的Add Object命令;选定层Layer2,在Timeline面板第二层第一帧处单击鼠标右键,执行快捷键菜单中的Add Object命令。用同样的方法为层Layer3和层Layer4添加运动路径。最后选中Timeline面板中的Autoplay选项,使在页面下载完成后自动播放。

  8.单击Timeline面板第一层最后一帧,把层Layer1向左移动,单击Timeline面板第二层最后一帧,把层Layer2向上移动,单击Timeline面板第三层最后一帧,把Layer3向右移动,单击Timeline面板第四层最后一帧,把Layer4向下移动。

  9.保存文件,打开浏览器观察动画效果。

  上面表格中的内容和表格的运动路径,读者可根据需要自行设置。有了Timeline工具,加上你独特的创意,你的网页还愁没有特效吗?



 相关链接
用JavaScript来装扮自己的“家园” (2000/11/06 18:37)
用JavaScript实现网页特效二例 (2000/11/03 10:50)
用JavaScript技术为制作动态鼠标指针 (2000/09/28 11:00)
Javascript应用的几个实例 (2000/05/25 10:36)


网站简介 | 用户注册 | 广告服务 | 招聘信息 | 中文阅读 | Richwin | 联系方式 | 帮助信息 | 网站律师

Copyright © 1996 - 2001 SINA.com, Stone Rich Sight. All Rights Reserved

版权所有 四通利方 新浪网