Flash制作精美动态网页 七
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-15
|
第六步：制作mouse over效果。 在本例子里，mouse over效果是这样的：当鼠标指向某个button时，弹出一条直线，连接着一个解说这一button的文字框，而这个文字框还会在x轴方向上紧紧的跟随着鼠标移动；当然，鼠标离开这一button的时候，这个文字框和线条也消失了；当鼠标指向另外一个button的时候，会有相应的另外一个文字框出现。实现的方法是这样的： 新建一个movie clip“mouse_over“。第一帧设为空白关键帧，并在这一帧属性内设置动作为“停止（stop）”，这样是为了鼠标没有指向任何button的时候，令mouse over效果不出现。同时，在第一帧的“属性（property）”里的“Label”项，设置此帧的Label为“empty”。 随后在第二帧起，每一帧将被设置为某一个button的mouse over效果，比如第二帧是button“site guide”的mouse over效果，其余帧相应的与其他的各个button对应。在第二帧里，我们画出以下图形，如图25。  同时我们还要设置此帧的Label为“siteguide”。大家可以通过新建“关键帧（key frame）”来把第二关键帧的内容原原本本的复制过来，然后只需要改动文字就可以得到其余的帧了。 看到这可能又糊涂了，这有什么用呢？mouse over效果不是做在button的“mouse over “帧上的么？这么说没错，但这并不是唯一的方法。再往下看，你就明白了：在scene里新建一图层“mouse over”，将做好的movie clip“mouse_over”拖到第一帧，将其“instance name”命名为“mouseover”。然后切换到button条的编辑窗口，在button上“action”中添加命令，还是以“site guide”为例：图26  注释如下： On (Roll Over) //当鼠标进入按钮上方 Begin Tell Target ("../../mouseover") //告知目标movie clip“mouseover” Go to and Stop ("siteguide") //跳至“siteguide”帧并停止 End Tell Target End On //结束鼠标Roll over的动作 On (Roll Out) //当鼠标离开按钮上方 Begin Tell Target ("../../mouseover") //告知目标movie clip“mouseover” Go to and Stop ("empty") //跳至“empty”帧并停止 End Tell Target End On //结束鼠标Roll out的动作 明白了吧？没错！就是通过各个button的“action”来控制movie clip“mouse_over“跳转到相应的影帧，这样不就得到mouse over的效果了吗？怎么样？不是一定要在button的mouse over帧里才能做到吧？ 可能你会留意到，为什么要写成"../../mouseover"呢？这是因为，button“site guide”在“scene”中，是被“装在”movie clip“button group”的里面，而“button group”又是被装在“main”的里面，因此可以把“site guide”看成是在“scene”的第二层子目录下，用路径来描述即“scene/main/button group/site guide”。而“mouseover”这一“symbol”则被放在“scene”的根目录下。所以从“site guide”发出的指令应该是要向上两层目录才能到达“mouseover”，即"../../mouseover"。 关键词：网页 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: 用Swift3D简单制作3D动画(二)下一篇: FLASH的帧：帧的操作
关于Flash制作精美动态网页 七的所有评论
