| sina.com.cn |
| |||||||
|
|
|||
|
|
|
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工具,加上你独特的创意,你的网页还愁没有特效吗?
|
||||||||
网站简介 | 用户注册 | 广告服务 | 招聘信息 | 中文阅读 | Richwin | 联系方式 | 帮助信息 | 网站律师
Copyright © 1996 - 2001 SINA.com, Stone Rich Sight. All Rights Reserved
版权所有 四通利方 新浪网