Flash表单制作实例集锦5:用户登陆系统

可爱的天痕

可爱的天痕

2016-02-19 17:18

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐Flash表单制作实例集锦5:用户登陆系统,赶紧看过来吧!

  Flash表单制作实例集锦1:简单表单

  Flash表单制作实例集锦2:存储及查阅信息

  Flash表单制作实例集锦3:搜寻关键字

  Flash表单制作实例集锦4:三角函数值计算

  第5节 用户登陆系统

  使用Flash制作的表单可以用做网站的登陆入口,至于输入特定的用户名和密码,才可以进入该网站,本实例就来制作一个简单的用户登陆系统,如果输入的密码和用户名相同,则可以登陆到网站上,如果不相同,则给出提示信息,不能登陆到网站.

  此登陆系统界面如图5.1所示;

  

  图5.1 用户登陆系统主界面

  比如我们在用户名文本框中输入User,然后在密码文本框中也输入Use,则自动打开Ie浏览器窗口,进入网站,如果输入的密码和用户名不相同,则给出如图5.2所示的出错信息:

  

  图5.2 出错信息

  1.首先启动Flash,设置影片舞台大小为280px*200px(单位为象素),影片背景色为灰色,颜色代码为#CCCCCC.

  2.选择工具箱中的文本工具,在舞台的上下位置各绘制一个文本框,在属性面板中设置上面的文本框类型为输入文本,文本变量名为name,其它相关设置如图5.3所示;

  

  图5.3 设置用户名文本框

  同样设置下面的文本框类型也为输入文本,文本变量名为password,因为这个文本框用来输入密码,按照常规表单中的密码项应该显示为星号,所以这里需要特别设置文本框字符类型为密码,具体设置如图5.4所示;

  

  图5.4 设置密码文本框

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

  3.然后给两个文本框前面添加上文字提示信息,并使用直线工具在表单绘制一个方形轮廓,作为表单的边界,此时舞台如图5.5所示:

  

  图5.5 给文本框添加提示信息

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

  4.最后还需要给表单添加一个提交按钮,用来提交用户所输入的信息,从而判断当前登陆用户是否合法用户,这里绘制一个简单的按钮即可,然后将其拖到舞台下方,如图5.6所示;

  

  图5.6 给表单添加提交按钮

  5.最后的任务就是给提交按钮添加Action了,这里的脚本用来判断用户的输入是否符合要求,接下来给按钮添加如下Action;

on (release) {if (password == name) {getURL("index.htm", "_self");} else {name='密码错误';}}

  

展开更多 50%)
分享

猜你喜欢

Flash表单制作实例集锦5:用户登陆系统

设计创意
Flash表单制作实例集锦5:用户登陆系统

Flash表单制作实例集锦(一)

flash教程
Flash表单制作实例集锦(一)

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

Flash表单制作实例集锦(三)

flash教程
Flash表单制作实例集锦(三)

Flash表单制作实例集锦(二)

flash教程
Flash表单制作实例集锦(二)

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

Flash表单制作实例集锦(四)

flash教程
Flash表单制作实例集锦(四)

Flash表单制作实例集锦6:Email表单

设计创意
Flash表单制作实例集锦6:Email表单

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

Rene & Radka时尚摄影:Madame Figaro 28th March 2024

Rene & Radka时尚摄影:Madame Figaro 28th March 2024

红得发紫的Zac Posen Bridal新娘礼服设计作品

红得发紫的Zac Posen Bridal新娘礼服设计作品
下拉加载更多内容 ↓