养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

FLASH中制作登录窗口(AS3)

时间:2024-09-25 14:31:05

网页中常见登录窗口,在这里使用FLASH里的输入文本框和按钮,实现简单的登录窗口效果。

工具/原料

FLASHCS5/CS6/CC或者AnimateCC

方法/步骤

1、打开制作软件,新建AS3文档。

FLASH中制作登录窗口(AS3)

2、在舞台上放置两个输入文本框,实例名分别为name_txt,password_txt水貔藻疽,注意两个输入文本框的属性面板的设置如下掬研疔缎图红色框中所示。输入密码的文本框为了能显示星号,一定要在段落选项卡中的行为设置为密码。

FLASH中制作登录窗口(AS3)

FLASH中制作登录窗口(AS3)

FLASH中制作登录窗口(AS3)

3、自行制作一个按钮,实例名设置为btn_login

FLASH中制作登录窗口(AS3)

FLASH中制作登录窗口(AS3)

4、添加一个动态文本,作为用户名或密码输入错误使用,实例名设置为warn_txt

FLASH中制作登录窗口(AS3)

FLASH中制作登录窗口(AS3)

5、第二帧插入空白关键帧,放上一个静态文本如下图

FLASH中制作登录窗口(AS3)

FLASH中制作登录窗口(AS3)

6、在主时间轴第一帧加如下代码:stop();//停止在第一帧name_txt.tex隋茚粟胫t="";//重置输入文本框pass臃扮哀坷word_txt.text="";//重置输入文本框btn_login.addEventListener(MouseEvent.CLICK,StartLoginEvent);//给按钮添加登录点击事件functionStartLoginEvent(e:MouseEvent):void{ if(name_txt.text=="") { warn_txt.text="请输入用户名!"; return; } if(password_txt.text=="") { warn_txt.text="请输入密码!"; return; } if(name_txt.text=="baidu"&&password_txt.text=="123456") { this.gotoAndStop(2); } else { warn_txt.text="用户名或者密码有错误,请重新输入!"; }}

FLASH中制作登录窗口(AS3)

FLASH中制作登录窗口(AS3)

FLASH中制作登录窗口(AS3)

© 一点知识