快速业务通道

用Flash制作会变色的文本框

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


  如果你作品中的文本框可以随便改变颜色,那不是很COOL嘛。其实,这是效果只是简单的使用了Color(颜色)对象而已。在效果中,只要用户点击文本框,文本框即会改变颜色。当然用户也可以设置成移动鼠标或敲击按键来改变文本框的颜色。该实例的具体设计方法如下。

  首先设置场景的大小为160px×30px,其它设置默认。其实场景的大小应该是由你自己根据需要设置的。

  1.按快捷键Ctrl+F8,创建一个“矩形”影片剪辑元件。选择“工具”面板中的“矩形”工具绘制一个如图1所示的矩形,边线为黑色。 图1   2.把主场景中的“图层 1”改名为“矩形”,打开库,把“矩形”元件从库中拖拽到“矩形”层中。选中矩形,在“属性”面板里设置其实例名为“bg”。如图2bb所示。 图2   3.在主场景中新建一层并改名为“文本”层。如图3所示。 图3?  ??? ? 图4   4.选中“文本”层的第1帧,按F9键打开“动作”面板,输入下面的代码:

//创建一个新的Color对象changeColor
changeColor = new Color(bg);

//初始化色彩值
r = 0;
g = 0;
b = 0;

//定义一个函数bgColor
function bgColor() {

//setRGB()的作用是指定实例的RGB颜色
//“<<”是移位操作符,改语句的作用是让实例的颜色值发生偏移
??? changeColor.setRGB(r << 16 | g << 8 | b);
}

  5.右键单击场景中的“矩形”元件,选择“动作”命令,在打开的“动作”面板中键入如下代码:

//mouseDown为鼠标按下事件
onClipEvent (mouseDown) {

//用随机值改变“矩形”的颜色参数
_root.r = Math.random()*255;
_root.b = Math.random()*255;
_root.g = Math.random()*255;

//调用自定义的bgColor()函数
_root.bgColor();
}

  6.点选“工具”面板中的“文本”工具,在“文本”层中拉出一个与矩形框一样大小的文本框即可。至于调节大小可以使用用到“对齐”面板中的“匹配高度”和“匹配宽度”按钮。如图4所示。至于对齐矩形框和文本框可以用“对齐”面板中的“左对齐”和“右对齐”按钮即可。
到这里,变色文本框的效果就完成了,是不是很简单啊。如果你想只要移动鼠标文本框的颜色就发生变化,可以把代码onClipEvent(mouseDown) 中的“mouseDown”改为“mouseMove”。  该效果源件下载(1.82K)   点击最后一页预览效果 [1]?[2]?下一页?? 上一页??[1]?[2]? 关键词:文本 文本框

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

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号