用Flash制作神奇的弹性导航菜单(2)

作者佚名技术来源服务器技术浏览发布时间 2012-07-15

ActionScript的编写

　　7、首先，因为我们要求导航的按钮能够拖动，所以先来设置按钮的AS，在元件ball1中点选元件btl1，给它加上如下代码 :

　　on(press){ 　||鼠标按下
　　　　startDrag("");　||开始拖动
　　　　drag=true;
　　}
　　on(release, releaseOutside){　　　||鼠标释放
　　　　stopDrag();　||停止拖动
　　　　drag=flase;
　　}

　　以上这段代码大家都很熟悉吧，然后复制这段代码，分别加给 ball2中bt2 和ball3中的bt3 ，因为是用来导航的按钮，所以可以给这三个按钮添加连接功能，比如这里bt3的Action设置为：　　on(press){
　　　　startDrag("");
　　　　drag=true;
　　}
　　on(release, releaseOutside){
　　　　stopDrag();
　　　　drag=false;
　　}
　　on (release) {
　　　　getURL("mailto:你的邮箱地址");?
　　}

　　这样就实现了当浏览者点击按钮后，调用系统默认的邮件程序给自己站长发电子邮件了。

　　8、按Ctrl+E回到主场景，把刚开始作ball1 、ball2、ball3这三个MC从库中拖到主场景，分别命名其Instance Name(实例名称)为：h1、h2 、h3 ，把h1、h2 、h3 在主场景中排好位置，如图4所示：

图4 　　9、最后使用Flash MX的画线指令把它们用线一一连接起来，在主场景中新建一层，命名为AS ，在第一帧加如下代码：

　　_root.onEnterFrame = function() {
　　　　clear(); 　||清除以前的填充设置
　　　　_root.lineStyle(1.5, 0xcecece); 　||定义画线的样式
　　　　_root.moveTo(_root.h1._x, _root.h1._y); 　||把线的始端定在h1坐标处
　　　　_root.lineTo(_root.h2._x, _root.h2._y); 　||从h1画一条线到h2
　　　　_root.lineTo(_root.h3._x, _root.h3._y); 　||从h2画一条线到h3
　　　　_root.lineTo(_root.h1._x, _root.h1._y); 　||从h3画一条线到h1
　　　　_root.endFill(); 　|| 结束 Fill
　　}

　　接着来设置h1、h2 、h3 的鼠标吸引及缓冲效果，点选主场景中的h1，给其加上如下代码：

　　onClipEvent (load) {　||初始化变量
　　　　x = this._x;
　　　　y = this._y;
　　}
　　onClipEvent (enterFrame) { 　||实现鼠标的吸引效果以及MC（h1）的缓冲效果
　　　　dis_x = _root._xmouse - x;
　　　　dis_y = _root._ymouse - y;
　　　　if(!drag){
　　　　　　if ((dis_x * dis_x) + (dis_y * dis_y) < 1500) { 　||判断鼠标和MC的距离
　　　　　　　　newvar_x = _root._xmouse; 　||把_root._xmouse 、_root._ymouse赋给
　　　　　　　　newvar_y = _root._ymouse; 　||两个新变量newvar_x 、newvar_y ，此时还没有
　　　　　　} else { 　||与MC相联系。
　　　　　　　　target_x = x;
　　　　　　　　target_y = y;
　　　　　　}
　　　　　　　||设置缓冲效果，可以更改一下具体的参数，体会体会缓冲的效果
　　　　　　xspeed = ((target_x - this._x)*.8)+(xspeed*.65);
　　　　　　this._x += xspeed;
　　　　　　yspeed = ((target_y - this._y)*.8)+(yspeed*.65);
　　　　　　this._y += yspeed;
　　　　}
　　}

　　然后复制上面的代码，分别给 h2 、h3设置。以上鼠标吸引及缓冲效果的代码还隐藏这样的一个效果，即MC只要偏离原来的坐标就会自动回位。这样，只要隔一段时间就改变MC的位置，则可以实现MC 的" 痉挛抽动 "的效果。关键词：菜单导航

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: 有趣的Flash鼠标跟随效果(1)下一篇: 影随鼠动的Flash文字动画(1)

关于用Flash制作神奇的弹性导航菜单(2)的所有评论

随机推荐