[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fooQ2hidq9V5mZ95ZnEbKAQt6aIxATaUhfP8fAGlHRnA":3},{"answer":4,"createTime":5,"id":6,"options":7,"origin":12,"question":16,"related":17,"source":24,"type":45},[],"2026-05-29 12:08:14",391917255,[8,9,10,11],"缺席的","资源","打扫","照顾",{"courseId":13,"courseImg":14,"courseName":15},"07c64ab258fd20bfcda8670deca78af8","https:\u002F\u002Ftihai-oss-cloud.itihey.com\u002Fimg\u002F9d98a17d2faed44e937460fc0b6e3cd8.png","综合英语","absent",[18,26,31,36,46,54,63,66,75,82],{"answer":19,"createTime":20,"id":21,"options":22,"question":23,"source":24,"type":25},[],"2026-05-22 06:58:46",381516447,[],"阅读下列说明、效果图和HTML代码,进行静态网页开发,填写(1)至(10)代码. 【说明】 这个某项目中的其中一部分,应用HTML5和css3技术完成页面的布局.项目包含主页index.html、style.css和img.要求鼠标经过翻转出现遮罩层,根据效果图和已有的代码补全(1)-(10)的代码 【效果图】 \u003Cimg src=\"https:\u002F\u002Ftihai-oss-cloud.itihey.com\u002Fimg\u002F0b7fce3d2c865d9fe268527185c9fce0.png\"> 【代码:主页index.html】此页代码在此省略,请在&quot;实操代码&quot;中第二题查看 【代码:style.css】 .clearfix:after{ display:block; content:''; ____(1)_____;\u002F*清除浮动*\u002F } .clearfix{ zoom:1; ____(2)_____;\u002F*文字居中*\u002F } .fl{ float:left; } .fr{ float:right; } .part5 .tBox{ width: 1154px; height: 430px; margin: 30px auto 0; position: relative; } .part5 .tBox .picBox{ width: 1000px; margin: 0 auto;\u002F*盒子居中*\u002F height: 100%; ______(3)_____;\u002F*溢出隐藏*\u002F position: relative; } .part5 .tBox .picBox .roll{ position: relative; margin-right: 24px; perspective: 1000px; ___(4)______;\u002F*鼠标经过变小手状态*\u002F } \u002F*最后一个元素*\u002F .part5 .tBox .picBox .roll:last-child{ margin-right:0; } .part5 .tBox .picBox li .bg{ width: 100%; height: 65px; background:____(5)_____; \u002F*背景黑色透明80%*\u002F position: absolute; left: 0; bottom: 0; } .part5 .tBox .picBox li h3{ position: absolute; left: 0; bottom: 0; width: 100%; height: 65px; text-align: left; padding-left: 13px; } .part5 .tBox .picBox li .tName{ font-size: 18px; color: #fff; padding-top: 13px; margin-bottom: 5px; } .part5 .tBox .picBox li .tTitle{ font-size: 12px; color: #b4b4b4; } .roll .box-content{ width: 100%; height: 480px; position: absolute; top: 0; left: 0; background: ____(5)_______; transform: ____(6)____;\u002F*Y轴旋转90度*\u002F transition: all 0.50s ease-in-out 0s;\u002F*过渡效果*\u002F overflow: hidden; } .roll .box-img{ transform: rotateY(0); transition: all 0.50s ease-in-out 0s;\u002F*过渡效果*\u002F } .roll:hover .box-img{ transform: ___(7)_____;\u002F*Y轴旋转-90度*\u002F } .roll:hover .box-content{ transform: ___(8)_____;\u002F*Y轴旋转0度*\u002F; } .roll .box-content .t1{ font-size: 20px; ___(9)____: bold;\u002F*文字加粗*\u002F color: #fff; padding-top: 50px; } .roll .box-content .t2{ font-size: 16px; color: #fff; padding-top: 12px; } .roll .box-content .t3{ width: 190px; height: 1px ; background: #fff; margin: 20px auto 0; } .roll .box-content .t4{ font-size: 14px; width: 182px; ____(10)______;\u002F*文字两端对齐*\u002F color: #fff; margin: 20px auto 0; } 【问题】(20分,每空2分) 进行静态页开发,补全代码,在(1)至(10)处填入正确的内容. \u003Cimg src=\"https:\u002F\u002Ftihai-oss-cloud.itihey.com\u002Fimg\u002Fb1764b4a6fc8684c6a1865adb99803a9.gif\">第二题.rar","v1",2,{"answer":27,"createTime":20,"id":28,"options":29,"question":30,"source":24,"type":25},[],381516448,[],"阅读下列说明、效果图和代码,用jquery完成指定功能. 【说明】 先要完成一个通讯录,在需要添加人员的时候,点击&quot;添加行&quot;,当点击删除的时候,序号需要重新排序.同时为了提高用户体验,需要用js实现隔行换色.请根据现有的代码和效果图补全代码(1)-(10) 【效果图】 \u003Cimg src=\"https:\u002F\u002Ftihai-oss-cloud.itihey.com\u002Fimg\u002Ffe0256c0919bb199a31790802b6a02db.png\"> 【index.html】 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;utf-8&quot;&gt; &lt;title&gt;通讯录&lt;\u002Ftitle&gt; &lt;link rel=&quot;stylesheet&quot; href=&quot;css\u002Fstyle.css&quot;&gt; &lt;!-- 引入jq库 --&gt; &lt;script src=&quot;_____(1)______&quot;&gt;&lt;\u002Fscript&gt; &lt;script src=&quot;js\u002Findex.js&quot;&gt;&lt;\u002Fscript&gt; &lt;\u002Fhead&gt; &lt;body&gt; &lt;div&gt; &lt;!-- 表格居中 --&gt; &lt;table ___(2)___=&quot;center&quot;&gt; &lt;!-- 表格标题 --&gt; &lt;___(3)____&gt;通讯录&lt;\u002F___(3)____&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;序号&lt;\u002Fth&gt; &lt;th&gt;姓名&lt;\u002Fth&gt; &lt;th&gt;电话&lt;\u002Fth&gt; &lt;th&gt;操作&lt;\u002Fth&gt; &lt;\u002Ftr&gt; &lt;\u002Fthead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;1&lt;\u002Ftd&gt; &lt;td&gt;张三&lt;\u002Ftd&gt; &lt;td&gt;13754448888&lt;\u002Ftd&gt; &lt;td&gt; &lt;button&gt;删除&lt;\u002Fbutton&gt; &lt;\u002Ftd&gt; &lt;\u002Ftr&gt; &lt;tr&gt; &lt;td&gt;2&lt;\u002Ftd&gt; &lt;td&gt;李四&lt;\u002Ftd&gt; &lt;td&gt;13788889999&lt;\u002Ftd&gt; &lt;td&gt; &lt;button&gt;删除&lt;\u002Fbutton&gt; &lt;\u002Ftd&gt; &lt;\u002Ftr&gt; &lt;\u002Ftbody&gt; &lt;\u002Ftable&gt; &lt;button&gt;添加一行&lt;\u002Fbutton&gt; &lt;\u002Fdiv&gt; &lt;\u002Fbody&gt; &lt;\u002Fhtml&gt; 【style.css】 .box{ width: 400px; margin:30px auto; text-align: center; } .box&gt;button{ width: 100%; height: 40px; margin-top:20px; border:none; border-radius: 10px; background-color: green; color:#fff; } table{ width:400px; text-align:center; \u002F*边框重叠*\u002F _____(4)_______; } table caption{ height: 60px; line-height: 60px; font-weight: 600; } table th{ background-color: #f5f5f5; } table,td,th{ border:1px solid #ccc; } table tr{ height:50px; } 【index.js】 $(function(){ \u002F\u002F 添加行 绑定点击事件 $(&quot;.add&quot;).___(5)____(function(){ var newTr=$(&quot;&lt;tr&gt;&lt;\u002Ftr&gt;&quot;); for(i=0;i&lt;$(&quot;thead&gt;tr&gt;th&quot;).length;i++){ newTd=$(&quot;&lt;td&gt;&lt;\u002Ftd&gt;&quot;); if(i==0){ newTd.text($(&quot;tbody&gt;tr&quot;).length+1); } if(i==$(&quot;thead&gt;tr&gt;th&quot;).length-1){ \u002F\u002F设置标签内容 newTd.__(6)____(&quot;&lt;button&gt;删除&lt;\u002Fbutton&gt;&quot;) } \u002F\u002F追加节点 newTd.__(7)_____(newTr); }; $(&quot;tbody&quot;).append(newTr); changeColor(); }) \u002F\u002F 隔行换色 function changeColor(){ $(&quot;tbody tr:odd&quot;).css(&quot;background&quot;,&quot;#f5f5f5&quot;); $(&quot;tbody tr:even&quot;).css(&quot;background&quot;,&quot;#fff&quot;); } changeColor(); \u002F\u002F 删除行 $(&quot;tbody&quot;).____(8)___(&quot;click&quot;,&quot;button&quot;,function(){ $(this).parents(&quot;tr&quot;).remove(); changeColor(); order(); }); \u002F\u002F重新排序 function order(){ $(&quot;tbody tr&quot;).__(9)____(function(index){ $(this).children().eq(0).text(__(10)____); }); } }) 素材下载: \u003Cimg src=\"https:\u002F\u002Ftihai-oss-cloud.itihey.com\u002Fimg\u002Fb1764b4a6fc8684c6a1865adb99803a9.gif\">第四题.rar",{"answer":32,"createTime":20,"id":33,"options":34,"question":35,"source":24,"type":25},[],381516449,[],"阅读下列说明、效果图和代码,完成移动端布局. 【说明】 在某项目中,项目中的文件包含index.html、style.css和images文件夹.请根据现有的代码和效果图补全代码(1)-(5) 【效果图】 \u003Cimg src=\"https:\u002F\u002Ftihai-oss-cloud.itihey.com\u002Fimg\u002F036ebcecaa1b2a7475a764d2ce42319b.png\"> 【index.html】参考附件素材资源 【style.css】 html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, textarea, th, td { margin: 0; padding: 0; } html,body { color: #333; margin: 0; height: 100%; font-family: '微软雅黑'; font-weight: normal; } * { box-sizing: border-box; } a { text-decoration: none; color: #000; } img { width: 100%; height: auto; display: block; border: 0; } body { background: #fff; color: #666; } ul,ol{ list-style: none; } .clearfix::after { clear: both; content: &quot;&quot;; display: block; } .header{ height: 44px; position: relative; display: flex; z-index: 102; background:#fefefe; } .header .center{ -webkit-box-ordinal-group: 3; ____(1)_____;\u002F*设置弹性盒子*\u002F justify-content: center; align-items: center; height: 44px; width: 90%; margin-left: 4%; } .search-box { background: #ededed; border-radius: 22px; position: relative; width: 100%; margin: 0 auto; height: 32px; } .icon-search { position: absolute; background-image: url(&quot;..\u002Fimages\u002Findex.png&quot;); left: 8px; top: 0.4rem; background-size: 19px; } .search-box input { width: 100%; background: none; border: none; font-size: 0.85rem; text-align: left; height: 32px; border-radius: 3px; padding: 0.55rem 0 0.55rem 1.8rem; } .scrollView { width: 100%; height: 100%; _____(2)_____;\u002F*剩余空间全部分给该盒子*\u002F overflow-y: auto; overflow-x: hidden; position: relative; padding-bottom: 53px; } .slider-wrapper { display: flex; width: 96%; margin:0 auto; transform: translate3d(0px, 0px, 0px); position: relative; z-index: 1; padding:0.55rem; } .slider-wrapper img { width: 100%; height: auto; display: block; border: none; } .item { width: 96%; margin:0 auto; padding: 0.5rem; position: relative; overflow: hidden; ____(1)_____; justify-content: space-between; } .palace-grid .palace-grid-icon{ width: 40px; height: 40px; margin:0 auto; } .palace-grid .palace-grid-text { display: block; text-align: center; color: #333; font-size: 0.85rem; _____(3)_______;\u002F*阻止换行*\u002F _____(4)_______;\u002F*文字溢出显示省略号*\u002F overflow: hidden; padding-top: 0.2rem; } .palace-grid .palace-grid-text h2 { font-size: 0.8rem; font-weight: normal; color: #666666; } .flex { display: flex; align-items: center; padding: 15px; position: relative; } .flex h1 { flex: 1; min-width: 0; font-size: 14px; color: #333; } .list-theme{ width: 96%; margin:0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; } .list-item { width: 46%; margin: 0 2% 2% 2%; background: #fff; display: block; overflow: hidden; } .list-theme-message { background: #fff; padding: 0.3rem 0; } .list-theme-title { color: #333; font-size: 0.92rem; margin: 0.2rem 0; overflow: hidden; font-weight: normal; _____(3)_______;\u002F*阻止换行*\u002F _____(4)_______;\u002F*文字溢出显示省略号*\u002F } .list-theme-message p { color: #f68f40; font-size: 0.99rem; font-weight: 500; height: 1.5rem; } .list-theme-message p i { font-style: normal; font-size: 0.7rem; border: 1px solid #f68f40; border-radius: 2px; padding: 0 0.2rem; } .list-theme-message p em { font-style: normal; font-size: 0.7rem; padding: 0 0.2rem; color: #999999; ____(5)_____;\u002F*删除线*\u002F } 素材下载: \u003Cimg src=\"https:\u002F\u002Ftihai-oss-cloud.itihey.com\u002Fimg\u002Fb1764b4a6fc8684c6a1865adb99803a9.gif\">第五题.rar",{"answer":37,"createTime":5,"id":38,"options":39,"question":44,"source":24,"type":45},[],391917252,[40,41,42,43],"目标,瞄准","潜力","缺席","思考","aim",0,{"answer":47,"createTime":5,"id":48,"options":49,"question":53,"source":24,"type":45},[],391917253,[50,41,51,52],"目标","土豆","蛋白质","potential",{"answer":55,"createTime":5,"id":56,"options":57,"question":62,"source":24,"type":45},[],391917254,[58,59,60,61],"职员","工头","警察","工人","foreman",{"answer":64,"createTime":5,"id":6,"options":65,"question":16,"source":24,"type":45},[],[8,9,10,11],{"answer":67,"createTime":5,"id":68,"options":69,"question":74,"source":24,"type":45},[],391917256,[70,71,72,73],"通过","想法","尽管","带来","thought",{"answer":76,"createTime":5,"id":77,"options":78,"question":81,"source":24,"type":45},[],391917257,[79,59,80,58],"钟","时钟","clerk",{"answer":83,"createTime":5,"id":84,"options":85,"question":88,"source":24,"type":45},[],391917258,[9,86,87,43],"源泉","酸","resource"]