四、先进的交互性
Ulead SmartSaver Pro3.0除了具有以上令人眩目的功能以外,另一个突出的优点就是具有先进的交互性,在JavaScript模式下可以产生一系列的交互触发动画事件,而且产生的过程完全自动化,不需要使用脚本,这些动画主要有:
1.远程rollover-鼠标放置到单元格上,以便在另一个单元格中显示rollover 图像。
2.一对多rollover- 鼠标放置到一个单元格上,以便在多个单元格中显示 rollover 图像。
3.多个鼠标事件- 不同的操作(如 mouse-over、mouse- out 等)对应有不同的 rollover 事件。
4.音频rollover-鼠标放置到单元格中,以播放 MIDI、WAV 或 MP3 文件。
下面,我们来制作一个酷酷的互动媒体播放器,当鼠标点击按钮时,按钮颜色变红,并且屏幕上的图片将起变化。
第一:先准备好图片,这里要用到一张控制台图片,一个红色按钮图片,五张个人介绍图片。在Photoshop中先做好这几张图片(一共有七张噢,可不要少啦!)
图024:在Photoshop中准备好图片
第二:运行Ulead SmartSaver Pro 3.0,执行“文件>打开”命令,打开控制台文件。
点击工作区上的切割模式

标签,切换到切割模式。
第三:在工具栏中点击添加切割线按钮

,在工作区编辑窗口中,待鼠标变成

形状后,沿着准备要分割的路径画分割线,如果对某条分割线不满意,可以点击擦除切割线按钮

,在您要擦除的切割线上点击一下。
图025:控制台和五个单元格被分割出来
第四:现在开始正式的JavaScript rollover图像设计了,在项目完成后,当您将鼠标移过蓝色按钮时,它们会变蓝。这些按钮实际上并不是真正变为蓝色了,您实际看到的是 JavaScript rollover 图像。点击工作区上的JavaScript模式

标签,切换到JavaScript模式。