正在加载图片...
wb交互开发》实验教学指导/实验三:0y操作D6 cursor: hai #fut!/*控制结果按钮* background-image url(images/btn fruit png); width: 56px height: 56px; position: absolute left: 368px; cursor: hand <style> <head> pan span id="grow"></sp <span id="bloom"></span> span id="fruit"></span <div> <html> (4)完成下述任务。 任务一:分别点击播种、生长、开花、结果按钮显示不同的效果?(8分) 任务二:说明 append()与 prepend()的区别?(2分) 要求 请将上述实验任务的实验结果,填写到实验报告册中。 六、自主实验步骤(20分) 1、实现列表页面的曾理。 (1)页面页面如图3-5-1和3-5-2所示。 (2)完成下述任务 任务一:完成页面的编写。(5分) 任务二:编写单击全选按钮代码。(5分) 任务三:编写删除按钮代码。(5分) 任务四:当鼠标移动到图片上,显示大图。(5分) 要求 请将完成上述任务的步骤,填写到实验报告册中。 本讲共计7页|当前第6页《Web 交互开发》实验教学指导 / 实验三 ：jQuery 操作 DOM 本讲共计 7 页 | 当前第 6 页 cursor:hand; } #fruit{ /*控制结果按钮*/ background-image:url(images/btn_fruit.png); width:56px; height:56px; position:absolute; top:229px; left:368px; cursor:hand; } </style> </head> <body> <div id="bg"> <span id="seed"></span> <span id="grow"></span> <span id="bloom"></span> <span id="fruit"></span> </div> </body> </html> （4）完成下述任务。 任务一：分别点击播种、生长、开花、结果按钮显示不同的效果？（8 分） 任务二：说明 append（）与 prepend（）的区别？（2 分） 要求： 请将上述实验任务的实验结果，填写到实验报告册中。 六、自主实验步骤（20 分） 1、实现列表页面的管理。 （1）页面页面如图 3-5-1 和 3-5-2 所示。 （2）完成下述任务。 任务一：完成页面的编写。（5 分） 任务二：编写单击全选按钮代码。（5 分） 任务三：编写删除按钮代码。（5 分） 任务四：当鼠标移动到图片上，显示大图。（5 分） 要求： 请将完成上述任务的步骤，填写到实验报告册中