动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
   网页设计 → 阅读文章

 Ulead SmartSaver Pro 3.0秘籍点点通(十五)

作者来源: 
阅读 数 75 人次 , 2006-4-18 2:49:00 

四、先进的交互性

  Ulead SmartSaver Pro3.0除了具有以上令人眩目的功能以外,另一个突出的优点就是具有先进的交互性,在JavaScript模式下可以产生一系列的交互触发动画事件,而且产生的过程完全自动化,不需要使用脚本,这些动画主要有:

1.远程rollover-鼠标放置到单元格上,以便在另一个单元格中显示rollover 图像。

2.一对多rollover- 鼠标放置到一个单元格上,以便在多个单元格中显示 rollover 图像。

3.多个鼠标事件- 不同的操作(如 mouse-over、mouse- out 等)对应有不同的 rollover 事件。

4.音频rollover-鼠标放置到单元格中,以播放 MIDI、WAV 或 MP3 文件。

  下面,我们来制作一个酷酷的互动媒体播放器,当鼠标点击按钮时,按钮颜色变红,并且屏幕上的图片将起变化。

第一:先准备好图片,这里要用到一张控制台图片,一个红色按钮图片,五张个人介绍图片。在Photoshop中先做好这几张图片(一共有七张噢,可不要少啦!)

Ulead SmartSaver Pro 3.0秘籍点点通(十五)

图024:在Photoshop中准备好图片

第二:运行Ulead SmartSaver Pro 3.0,执行“文件>打开”命令,打开控制台文件。

点击工作区上的切割模式Ulead SmartSaver Pro 3.0秘籍点点通(十五) 标签,切换到切割模式。

第三:在工具栏中点击添加切割线按钮Ulead SmartSaver Pro 3.0秘籍点点通(十五) ,在工作区编辑窗口中,待鼠标变成Ulead SmartSaver Pro 3.0秘籍点点通(十五) 形状后,沿着准备要分割的路径画分割线,如果对某条分割线不满意,可以点击擦除切割线按钮Ulead SmartSaver Pro 3.0秘籍点点通(十五) ,在您要擦除的切割线上点击一下。

Ulead SmartSaver Pro 3.0秘籍点点通(十五)

图025:控制台和五个单元格被分割出来

第四:现在开始正式的JavaScript rollover图像设计了,在项目完成后,当您将鼠标移过蓝色按钮时,它们会变蓝。这些按钮实际上并不是真正变为蓝色了,您实际看到的是 JavaScript rollover 图像。点击工作区上的JavaScript模式Ulead SmartSaver Pro 3.0秘籍点点通(十五) 标签,切换到JavaScript模式。
  
 
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:Ulead SmartSaver Pro 3.0秘籍点点通(十四)
· 下一篇:Ulead SmartSaver Pro 3.0秘籍点点通(十六)
· Java咖啡馆——第一杯咖啡(1)
· 谈网页优化
· DreamwaverMX与ASP.NET(十五)
· 网站首页head区代码规范
· Javascript实例教程(18-3)


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077