1、客户端试验设计要求一、窗体控制利用窗体属性及 OPEN、CLOSE 等方法,实现下面功能:(1)主窗体添加如下按钮:打开子窗体、子窗体右移 50 像素、子窗体滑动、滑动停止、关闭子窗体。(2)通过主窗口打开一窗体,要求该窗体有状态栏(状态栏显示“我被打开了” ) 、无工具栏、菜单栏、地址栏、窗体大小(高 100 像素,宽 100 像素) 、位置出现在当前屏幕最左边、离屏幕上方 300 像素。(3)点击子窗体子窗体右移 50 像素按钮,实现子窗体移动相应距离。(4)点击子窗体滑动按钮,实现子窗体向右滑动,滑动速度由同学自己决定。(5)点击滑动停止按钮,停止上方滑动事件。(6)点击关闭子窗体按钮,
2、将子窗体关闭掉。二、表单验证创建一个页面,命名为“表单验证.htm” 。在页面上创建一个表单,命名为 “regform”,其中包含元素为:文本框(username,获取用户名) 、文本框( password,密码) 、文本框(passwordcheck,对密码进行确认) 、单选按钮(radiosex )选择性别、兴趣爱好(hobbycheckbox,至少可选择 5 项爱好) 、下拉列表(homedownselect,用于选择籍贯) 、文本域(briefarea ,用于获得用户简介) 、提交按钮(formsubmit) 、重置按钮(formreset ) 。当提交表单时,对表单中的信息进行验证并
3、给出提示,要求如下:(1)要求验证上面的所有元素的值必须不为空,即用户必须填写相关内容。(2)用户名、密码必须是 6-20 位。(3)要求 password 与 passwordcheck 必须相同。(4)在表达允许提交的情况下,完成下面动作:打开一个新窗口 wid,将上述验证后的表单信息在 wid 中显示出来。三、利用 JS 控制元素的 CSS1、创建一个页面,命名为“css 控制.htm ”。在页面中添加一个元素,命名为textdis。利用窗体上的按钮,单击后实现如下功能:(1)将元素中的文字改为“努力,一切皆有可能” 。(2)将文本字体改为“隶书” ,字体颜色为红色,字号 14pt。2、
4、在上述页面上,实现简单的两级目录的折叠与展开效果。3、在上述页面上创建一个对象,高 50px,宽 50px,背景红色。通过按钮,通过超级链接触发事件,实现如下功能:div 水平移动,每 100 毫秒移动 30px,当 left600xp 时停止移动。四、鼠标与键盘事件1、创建一个页面,命名为“鼠标控制.htm” 。实现如下功能:(1)当鼠标在窗体上移动时,在窗体状态栏随时显示当前鼠标的坐标位置。(2)点击鼠标右键,在鼠标位置弹出一右键菜单。单击左键,该菜单消失。说明:右键菜单先用 div 设计,初始状态为 display=none 即可。2、创建一个页面,命名为“键盘控制.htm” ,在页面上设计一个 DIV(高 50px,宽50px,背景红色)和一个文本框。实现如下功能:(1)利用键盘的上、下、左、右键实现上下左右移动 DIV。(2)对于文本框,当文本框获得输入点时,只能够向其中输入数字。 (即只有按数字键才能输入,否则提示“只能输入数字” ) 。