正在加载图片...
《Web交互开发》实验教学指导/实验五:AJAX (3)请完成以下任务 任务一:对上述脚本代码进行逐行注释。(3分) 任务二:列举 jQuery中事件绑定的方法?(2分) 任务三:将上述代码改为通过鼠标移动至标题来实现内容的隐藏或显示。(5分) 要求 请将上述任务的操作方法,填写到实验报告册中。 2、伸缩式导航菜单 (1)伸缩式导航菜单如图42-1,422所示 用户管理 商品管理 添加用户 订单管理 刪除用息 退出系统 商品管理 订单管理 退出系统 图4-2-1伸缩式菜单1 图4-2-2伸缩式菜单2 (2)部分如下所示 <div id="top">/div> <dI> <dt>用户管理</dt <dd> < div class="item">添加用户</div < div class="item"删除用息</div> <dt>商品管理</dt> < div class="item">添加商品</div> < div class="item">修改商品</div> 本讲共计5页当前第2页《Web 交互开发》实验教学指导 / 实验五 ：AJAX 本讲共计 5 页 | 当前第 2 页 }); }) </script> （3）请完成以下任务： 任务一：对上述脚本代码进行逐行注释。（3 分） 任务二：列举 jQuery 中事件绑定的方法？（2 分） 任务三：将上述代码改为通过鼠标移动至标题来实现内容的隐藏或显示。（5 分） 要求： 请将上述任务的操作方法，填写到实验报告册中。 2、伸缩式导航菜单 （1）伸缩式导航菜单如图 4-2-1，4-2-2 所示。 （2）部分如下所示： <body> <div id="top"></div> <dl> <dt>用户管理</dt> <dd> <div class="item">添加用户</div> <div class="item">删除用息</div> </dd> <dt>商品管理</dt> <dd> <div class="item">添加商品</div> <div class="item">修改商品</div> 图 4-2-1 伸缩式菜单 1 图 4-2-2 伸缩式菜单 2