鲁东大学2016—2017学年第1学期
2014级信息管理与信息系统本科A卷课程：HTML5程序设计课程号（220910091）考试形式（闭卷笔试）时间（120分钟）
应用背景：设计一个HTML5动画展示效果主页。主页分为3部分：顶部-主菜单，左下部-树形导航面板，右下部-动画展示客户区。主菜单包括：圆、正方形、长方形、椭圆、五角星、菱形。树形导航有填充和运动速度。填充颜和运动速度分别控制客户区运动图形的填充和速度。填充颜分红、绿和蓝三种，初态默认的颜为红。运动速度分快速、中速、慢速三类，初态默认的速度为中速。当点击主菜单的菜单项时，所选的图形以当前选中的填充显示，以当前选中的颜运动。没有选择填充和运动速度时，程序采用默认值。本主页综合运用HTML、CSS、DOM、JavaScript、JSON、jQuery、ligerUI实现。基本要求是配合理、布局合理、客户区内的绘图用HTML5画布之环境绘图功能实现。
一. 顶部-主菜单(满分30分，共3题，每题10分)
(1)内联样式表：主菜单宽度至少1000PX，绝对定位，各菜单项均
匀分布在主菜单条中，菜单项之间有合理的空白，用内联类选择器
实现该静态样式。(2)事件响应函数：鼠标悬浮于菜单项的上方，主题字变成红；鼠标选中菜单项后变成
蓝，用内联类选择器实现该静态样式。
(3)具体的HTML标签。
二.左下-树形导航面板(满分30分，共3题，每题10分)
(1)ligerUI脚本语句：用ligerUI的面板组件实现，绝对定位，与主
菜单条左对齐，在主菜单条下方留出3PX空白显示，给出具体的脚
本语句和位置。
(2)jQuery脚本语句：为填充颜项项加入图标，从上到下的图标文件依次为：Red.png、Green.png、Blue.png。(3)给出具体的HTML标签。
三.右下-客户区(满分40分，共4题，第⑴⑷各10分、第⑵题15分，第⑶题5分)
(1)顶部与树形导航面板顶部对齐，右部与主菜单条的右部对齐，
底部与树形导航面板的底部对齐，行内控制样式，给出具体的
HTML标签语句。
个人网页设计模板hbuilder
(2)JSON封装圆，要求如下：
①属性抽象合理(5分)；
②方法划分合理、实现清晰(10分)；⑶事件响应函数脚本：点击主菜单=〉圆，客户区有一个圆从左上角匀速运动到右下角，从右下角匀速运动到左上角，循环往复。
⑷事件脚本函数：点击面板填充颜和运动速度具体选项，当前客户区的运动图形的填充和运动速度随之改变。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。