jia12网址之家 www.jia12.com
首页 > QQ空间代码,qq表情,qq网名,彩虹qq > FLASH教程酷似鼠标跟随按钮效果 加入收藏 设jia12为首页
FLASH教程酷似鼠标跟随按钮效果

    效果展示: 源文件下载地址:http://ryyll.go2.icpcn.com/tach/cmd-sd1.fla 一、新建图形元件(命名为导航),用矩形工具画出下图(图2). http://ryyll.go2.icpcn.com/tach/cmd-mc.fla 图1 图2 二、新建一层用文字工具加上相应的导航项目(为了字体清晰可以用动态文本或位图文本 ……

效果展示:

 

源文件下载地址:http://ryyll.go2.icpcn.com/tach/cmd-sd1.fla

一、新建图形元件(命名为导航),用矩形工具画出下图(图2).

 
http://ryyll.go2.icpcn.com/tach/cmd-mc.fla
图1
图2


二、新建一层用文字工具加上相应的导航项目(为了字体清晰可以用动态文本或位图文本:注最好用系统自带字体)图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处播放



更多QQ相关资料 - QQ空间代码,QQ空间模块 ...

 
 
 
 
 

返回本站首页