响应式Web应用前端开发教程 试卷B答案_第1页
响应式Web应用前端开发教程 试卷B答案_第2页
响应式Web应用前端开发教程 试卷B答案_第3页
响应式Web应用前端开发教程 试卷B答案_第4页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、命题人:申阅人:弑卷答多(B卷)(2021-2022 学年第学期期末考试)考试科目适用专业适用专业班级(年级)得分一、填空(5分,每空1分)city$(#score).val():oddeventsrc二、单项选择题(30分,每题3分)1、C1、C2、C 3、A 4、C5、A6、B 7、A 8、B 9、D10、C.三、多项选择题(10分,每题2分)1、AD1、AD2、ABD 3、ABC4、ABCD 5、ABD.四、判断题(20分,每题2分)1、X1、X3、X 4、 J5、Xnip料6、J 7、J 8、X 9、X10、X五、简答题(25分)什么是响应式布局(5分)。答:一个网站能够兼容多种视口宽

2、度终端一一而不是为每种终端开发一个特定的版本。2、列举至少5种具有JS行为的Bootstrap组件(5分)。答:选项卡导航、模态框、轮播器、折叠面板、下拉菜3、jQueiy对象与DOM对象之间如何相互转换(5分)。答:jQueryindex或者 jQuery.get(index)获取相应的 DOM 对象通过将DOM对象包括在$()中来获得相应的jQuery对象4.列出5种jQuery动画函数并简述其功能及参数含义(5分)单函数功能show()显示指定元素集合中每一个元素。hide()隐藏指定元素集合中的每一个元素toggle(显示或者隐藏指定元素集合中每一个元素没有参数时,元素 在隐藏和显示之

3、间切换fadeln()通过将元素变为不透明来显示指定元素集合中的每一个元素, 称为淡入效果fadeOut()通过将元素变为透明来隐藏元素集合中每一个元素,称为淡出 效果fadeTo()调节指定元素集合中每一个元素透明度opacity:0-1之间的数, 指明透明度fadeToggle()指定元素集合中每一个元素切换淡入、淡出效果slideUpO以滑动效果隐藏元素集合中每一个元素slideDown()以滑动效果显示指定元素集合中的每一个元素slideToggle()以滑动效果隐藏或者显示指定元素集合中每一个元素5、试述“互联网+”创业、创新的理解,以及相关的创业、创新思路。(5分)开放性答案,要点

4、:互联网+六、编程题(10分)1、补足空白处,实现折叠面板,内容局部默认展开。(5分,每空1分)!一折叠触发元素一 线路管理。一折叠展开内容一 线路维护 定制线路/aX/div2、将代码空白的局部补充完整,完成如下要求的功能:(5分)1、表格首行和尾行的颜色为绿色(green),数据行做斑马纹效果底色为浅绿色(lightgreen)2、表格最后一个单元格中显示所有“食品类”商品的价格总和。如下列图所示编号分类名称价格(元)I01良口口农夫山泉矿泉水2.0002日用品洗发水25.0003娱乐休闲暑颜游5000.0004合口 良口口面包20.00总额22.00评分标准 TOC o 1-5 h z

5、jQuery选择器使用1分jQuery设置样式1分jQuery循环流程控制1分jQuery获取文本并计算1分jQuery输出1分#bills width: 400px;border-collapse: collapse;)th, td border: solid Ipx;)$(function() $(,tr:even,).css(,background-color,/Iightgreen,);$(tr:rst,tr:last).css(,background-color,:,greencolor:* white1);$foods = $(tr:contains(食品);sum = 0;$foods.each(function() $this = $(this);sum += parseFloat($thisJfind(td:last).text(););$(td:last).text(sum.toFixed(2););vth 编号 v/thvth 分类 vth 名称 vth 价格(元)v/th01 食品 vtd农夫山泉矿泉

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论