二、新建一层用文字工具加上相应的导航项目(为了字体清晰可以用动态文本或位图文本:注最好用系统自带字体)图3
图3
三、新建影片元件命名为块,用矩形工具画出下图(图4),为了实现动画效果,这里要做形状动画,用两层一层作为动画层、一层作为控制层需为帧加上帧标签(下面会用到帧标签)图4形状动画的影片在下方单独提供。
块影片效果
源文件下载地址:
图4
四、新建影片或者在场景中(在这里我是放于影片main中),把“导航”图形元件拖入里面,再新建一层把影片元件“块”,置入导航项目的上方适当位置,每个导航项目放一个(给每一个块影片命名一个不一样的实例名)图5
图5
五、新建按钮做为热点图6,回到影片“main”新建一层,把刚做的热点拖入放于项目上放适当位置图7
图6
图7
六、在各热点按上写上代码图8
图8
七、代码解释:
工作日志:
on (rollOver) {
this.a1.gotoAndPlay("m1");
}
on(rollOut){
this.a1.gotoAndPlay("m2");
}
on(press){
gotoAndPlay("blog");
}
空间展示:
on (rollOver) {
this.a2.gotoAndPlay("m1");
}
on(rollOut){
this.a2.gotoAndPlay("m2");
}
on(press){
gotoAndPlay("Qzone");
}
关于自己:
on (rollOver) {
this.a3.gotoAndPlay("m1");
}
on(rollOut){
this.a3.gotoAndPlay("m2");
}
on(press){
gotoAndPlay("about");
}
温馨提示:
on (rollOver) {
this.a4.gotoAndPlay("m1");
}
on(rollOut){
this.a4.gotoAndPlay("m2");
}
on(press){
gotoAndPlay("aa1");
}
空间互动:
on (rollOver) {
this.a5.gotoAndPlay("m1");
}
on(rollOut){
this.a5.gotoAndPlay("m2");
}
on(press){
gotoAndPlay("ot");
}
//以上代码几乎完全一样,唯一不对的就是实例名的不同
on(rollOver)是鼠标滑过而触发事件
on(rollOut)是鼠标滑离而触发事件
on(press)是鼠标按下触发事件
代码是的m1、Qzone、blog、ot、aad1、about都是帧标签(相当于锚) ,a1到a5是“块”影片实例名
gotoAndPlay()这是跳转并播放
this.a1.gotoAndPlay("m1")这是用动用的FLASH中的路径功能,这句的功能是:跳转到a1的m1处播放