妹妹的作业.没时间做了,我系统因为病毒感染.前天全部清理了,请朋友帮忙一下,只需要做目录树和表单验证就行了.
如果可以帮忙,请发至[email protected]
内容如下:
简介
l 练习用javascript和dom实现动态效果
l 练习表单数据的收集与验证要求:
l 实现页面的翻页效果
l 弹出式菜单
l 目录树
l 注册页面上的表单处理目录树
在lab3已实现左右分栏的基础上,实现动态树型菜单
为树型菜单添加下列特效:
当点击展开的目录节点时,目录下所有的页面节点被收起,呈树图1所示效果
当点击已收起的目录节点时,展开目录,并显示目录下所有页面节点,呈树图2所示效果
当页面节点被点击选中时,该节点显示变为树图3所示效果
当目录节点被点击选中时,如该节点已展开,显示树图4所示效果,如该节点已收起,显示树图5所示效果
当任何节点在不被选中时,都应该保持或恢复原始显示效果,如树图2所示 备注:menu.htm页面已提供,所需图标在icons目录下,在页面中加入脚本的方法自选
显示方式如“Window”目录节点,并为改节点添加链接,点击后在右侧打开显示如图1的页面,对改页面的具体要求详见后续说在目录树最后添加一个名为sample的目录节点,明。   树图1        树图2          树图3     树图4 树图5页面的翻页效果
用户点击左右两侧的页面书签后翻到对应颜色的页面
规则:点右侧的书签把那一页翻到左边,点左侧的书签把那一页翻到右边,封面(黄色页)和封底(绿色页)不需要实现翻页
具体的例子
l 在图1上点击右侧的澄红色页翻到图2
l 在图2上点击左侧的蓝色页,l 则左侧主页为蓝色页面,l 且左侧有黄色、蓝色两个标l 签;右侧主页为澄红色页面,l 且右侧有澄红色、绿色两个标l 签。在图1上点击右侧的蓝色页面,l 可实现相同l 效果
翻页只需要实现颜色、内容和书签的改变,并不需要有形象的翻页效果
图1、2中显示的两个页面要求按图实现,其它页面只要显示相应的颜色和当前系统时间即可,页面内容可以自定义
在左侧页面的下方显示当前系统时间,每个页面都要实现
弹出式菜单图1
l 用户点击主菜单项时,l 弹出对应的子菜单
l 用户可在子菜单上移动并点击子菜单项
l 鼠标l 移到子菜单项上时,l 子菜单项改变颜色,l 高亮显示
l “Lessons”和“Class”两项要求实现子菜单,l 其他项不l 用实现
l 菜单要求实现三级,l 图1中所示的即为三级菜单(一级主菜单+两级子菜单)
l 主菜单的内容需按照图1,l 子菜单的内容可参考图1,l 也可自行决定,l 但不l 得少于三项
l 第三层子菜单可点击,l 点击后导航到的页面自定义,l 但不l 能没有表单处理图3
在用户注册页面上,用户需填写如下表单数据:
l 用户名l :通过文本框输入,l 字符取值范围只能为a-z、A-Z、_、0-9,l 长度2-16位,l 不l 能为空
l 密码:通过文本框输入,l 字符取值范围只能为a-z、A-Z、_、0-9,l 长度6-16位,l 不l 能与用户名l 相同,l 回显字符为*,l 不l 能为空
l 确认密码:通过文本框输入,l 必须与密码相同,l 回显字符为*,l 不l 能为空
l 性别:通过单选框选择,l 值为“MALE”或“FEMALE”,l 不l 能为空
l 出生日期:通过文本框输入,l 格式为“yyyy-mm-dd”,l 如“2005-04-11”,同l 时需验证这个日期的合法性(必须是现实中存在的日期,l 不l 能超过当前日期),l 不l 能为空
l 电子邮件:通过文本框输入,l 格式为“[email protected]”或 “[email protected]”,l 其中identifier、begin、middle、end中的字符的取值范围都只能为a-z、A-Z、_、0-9,l 不l 能为空
l 生源地区:通过下拉列表选择,l 选项为“东北”、“西北”、“华北”、“华东”、“华中”、“华南”、“西南”,l 不l 能为空
l 个人简介:通过文本域输入,l 内容不l 限,l 可以为空用javascript收集表单数据并按上述规则进行验证。如遇到一项错误,用对话框提示用户错误所在,并清空错误项(或恢复默认值)。如全部验证通过,则用对话框提示用户已注册成功。考查知识点:
l (X)HTML
l CSS
l 客户端脚本
l javascript开发工具:
l Editplus
l Windows画图
l Dreamweaver
l Photoshop
l ……评分标准:
翻页页面的基本页面请参照project1的要求来实现,
按照示例实现要求的功能点:
翻页(20%):所有的页面都能正常向后向前翻页,有图示的页面按图实现
系统时间(5%):在左侧页面的下方显示当前系统时间,每个页面都要实现,注意“年”、“月”、“日”、“星期”必须显示为中文
l 弹出式菜单(15%):要求的两项能正常弹出子菜单、改变颜色和点击(点击后导航到的目标l 页面可以自定)
l 目录树(30%)
l 表单处理(30%):能正确收集表单数据、进行验证并给出提示
l 特别提醒:实现目录树的基础表结构已提供,l 不l 得随意更改;(翻页页面内)其它所有的动态效果都是在一个html文件中实现的,l 不l 要用多个html!