Disabled按钮的制作方法
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-10
点击浏览该文件 点击浏览该文件 在一些特定应用中,我们需要用到按钮的Disabled状态.下面我们就来制作一个这样的效果. 1.首先,在场景中新建一个MC(影片剪辑MovieClip),在此MC中绘制一个图形,把线条和填充颜色分别转换为MC,如图1: (图1); 2.完成后拖到场景中,复制一个,并调整方向,分别取实例名为”arrowPrev””arrowNext”,如图2: (图2) 3.在场景中绘制一个动态文本,命名变量名为”currentPage”,用于显示当前页数; 4.界面工作完毕,下面新建一图层,命名为AS,按F9打开动作面板,输入/复制下面的代码: //初始化页面总数 pageNum = 5; //初始化按钮 arrowPrev.enabled = false; arrowNext.enabled = true; borderColor = new Color(arrowPrev.border); borderColor.setRGB("0x999999"); fillColor = new Color(arrowPrev.fill); fillColor.setRGB("0xcccccc"); //上一页按钮 arrowPrev.onRollOver = function() { borderColor = new Color(this.border); borderColor.setRGB("0xff6600"); fillColor = new Color(this.fill); fillColor.setRGB("0xFFEBD7"); }; arrowPrev.onRollOut = function() { borderColor = new Color(this.border); borderColor.setRGB("0x339966"); fillColor = new Color(this.fill); fillColor.setRGB("0xD2F0E1"); }; arrowPrev.onRelease = function() { arrowNext.enabled = true; borderColor = new Color(arrowNext.border); borderColor.setRGB("0x339966"); fillColor = new Color(arrowNext.fill); fillColor.setRGB("0xD2F0E1"); if (currentPage>1) { currentPage = parseInt(currentPage)-1; } else { this.enabled = false; borderColor = new Color(this.border); borderColor.setRGB("0x999999"); fillColor = new Color(this.fill); fillColor.setRGB("0xcccccc"); } }; //下一页按钮 arrowNext.onRollOver = function() { borderColor = new Color(this.border); borderColor.setRGB("0xff6600"); fillColor = new Color(this.fill); fillColor.setRGB("0xFFEBD7"); }; arrowNext.onRollOut = function() { borderColor = new Color(this.border); borderColor.setRGB("0x339966"); fillColor = new Color(this.fill); fillColor.setRGB("0xD2F0E1"); }; arrowNext.onRelease = function() { arrowPrev.enabled = true; borderColor = new Color(arrowPrev.border); borderColor.setRGB("0x339966"); fillColor = new Color(arrowPrev.fill); fillColor.setRGB("0xD2F0E1"); if (currentPagecurrentPage = parseInt(currentPage)+1; } else { this.enabled = false; borderColor = new Color(this.border); borderColor.setRGB("0x999999"); fillColor = new Color(this.fill); fillColor.setRGB("0xcccccc"); } }; //拖动场景 drag.onMouseDown=function(){ if(this.hitTest(_xmouse,_ymouse,true)) startDrag(_root,false); } drag.onMouseUp=function(){ stopDrag();; }下是最终生成的效果和源文件: 点击浏览该文件 点击浏览该文件 关键词:
|
|||||
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
上一篇: 如何使用ComboBox组件创建图示下一篇: AS2边缘柔化类
关于Disabled按钮的制作方法的所有评论