初识AS3：导航栏
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-07
|
[知识点] 1、AS创建按钮 upState、overState、 downState、 hitTestState 2、打开网页 navigateToURL() 3、用for创建的若干个按钮，得到对应的数，便于取得数组中对应的某元素 var b:SimpleButton=event.target as SimpleButton;getChildIndex(b) 4、运用Timer类创建按钮指示移动 [效果] 代码： //设置帧速 stage.frameRate=30 //申明一些变量 varnamearray:Array=newArray("闪吧","动漫","教材","素材","论坛"); varurlarray:Array=newArray("http://www.Flash8.net","http://www.flash8.net/flash", "http://www2.flash8.net/teach","http://www.flash8.net/download.sHTML", "http://space.flash8.net/bbs"); varbtn:SimpleButton; vark:uint; varurl:URLRequest; vart:Timer=newTimer(30); varX0:Number; varY0:Number; //创建按钮 for(k=0;k<namearray.length;k++){ btn=newSimpleButton(); btn.x=50*k+100; btn.y=50; btn.upState=hua(0x006600); btn.overState=hua(0x009900); btn.downState=hua(0x006600); btn.hitTestState=btn.upState; btn.addEventListener(MouseEvent.MOUSE_MOVE,jg); btn.addEventListener(MouseEvent.CLICK,dj); vartxt:TextField=newTextField(); txt.autoSize=TextFieldAutoSize.CENTER; txt.textColor=0xffffff; txt.text=namearray[k]; txt.x=(btn.width-txt.width)/2+btn.x; txt.y=(btn.height-txt.height)/2+btn.y; addChild(btn); addChild(txt); txt.mouseEnabled=false; } functionhua(color:uint):Shape{ varcircle:Shape=newShape(); circle.graphics.beginFill(color); circle.graphics.drawRect(0,0,50,20); circle.graphics.endFill(); returncircle; } //按钮指示 varzs:Sprite=newSprite(); zs.graphics.beginFill(0x009900); zs.graphics.moveTo(-5,15); zs.graphics.lineTo(5,15); zs.graphics.lineTo(0,10); zs.graphics.lineTo(-5,15); zs.graphics.endFill(); zs.x=125; zs.y=35; addChild(zs); //按钮指示的坐标设置 t.addEventListener("timer",js); functionjs(e:TimerEvent):void{ vardx:Number=X0-zs.x; vardy:Number=Y0-zs.y; varjl:Number=Math.sqrt(dx*dx+dy*dy); if(jl<1){ zs.x=X0; zs.y=Y0; t.stop(); }else{ varvx:Number=dx*.2; varvy:Number=dy*.2; zs.x+=vx; zs.y+=vy; } } //鼠标经过按钮 functionjg(e:MouseEvent):void{ X0=e.target.x+25; Y0=e.target.y-15; t.start(); } //鼠标按下按钮 functiondj(e:MouseEvent):void{ varb:SimpleButton=e.targetasSimpleButton; url=newURLRequest(urlarray[getChildIndex(b)/2]); navigateToURL(url); } 关键词：导航 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
关于初识AS3：导航栏的所有评论
