DOM编程练习（慕课网题目）

【DOM编程练习（慕课网题目）】的更多相关文章

DOM编程练习（慕课网题目）

编程练习制作一个表格,显示班级的学生信息. 要求: 1. 鼠标移到不同行上时背景色改为色值为 #f2f2f2,移开鼠标时则恢复为原背景色 #fff 2. 点击添加按钮,能动态在最后添加一行 3. 点击删除按钮,则删除当前行我的解答 <!DOCTYPE html> <html> <head> <title> new document </title> <meta http-equiv="Content-Type" co…

编程挑战JavaScript进阶篇（慕课网题目）

编程挑战现在利用之前我们学过的JavaScript知识,实现选项卡切换的效果. 效果图: 文字素材: 房产: 275万购昌平邻铁三居总价20万买一居 200万内购五环三居 140万安家东三环北京首现零首付楼盘 53万购东5环50平京楼盘直降5000 中信府公园楼王现房家居: 40平出租屋大改造美少女的混搭小窝经典清新简欧爱家 90平老房焕发新生新中式的酷色温情 66平撞色活泼家居瓷砖就像选好老婆卫生间烟道的设计二手房: 通州豪华3…

js之DOM入门（慕课网学习笔记）

DOM简介获得元素 document.getElementById('') 1.通过id获得元素内容 document.getElementsByTagName('') 2.通过标签获得元素内容 document.getElementsByClassName('') 3.通过class获得元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">…

checkbox：全选、全不选、单选（慕课网题目）

任务 1.在第27行处补充完整,实现当点击"全选"按钮时,将选中所有的复选项. 提示:document.getElementsByTagName("input")获取的是所有input标签,包括复选项和按钮,所以要判断是否是复选项,如是选中. 2.在第33行处补充完整,实现当点击"全不选"按钮时,将取消所有选中的复选项. 3.在第40行处补充完整,在文本框中输入输入1-6数值,当点击"确定"按钮时,根据输入的数值,通过id选中…

JS内置对象练习（慕课网题目）

效果图: XXXX年XX月X日星期X--班级总分为:81 格式要求: 1.显示打印的日期. 格式为类似“XXXX年XX月XX日星期X” 的当前的时间. 2.计算出该班级的平均分(保留整数). 同学成绩数据如下: "小明:87; 小花:81; 小红:97; 小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76" 我的解答 <!DOCTYPE html> <html lang="en"> <head>…

慕课网5-2编程练习：flex布局制作卡片布局案例

慕课网5-2编程练习:flex布局制作卡片布局案例小伙伴们,学习了卡片布局,接下来我们根据效果图,也写出一个卡片布局的页面吧! 效果图如下: 任务 1.主体内容的卡片一行只能显示两个. 2.卡片与卡片之间的距离相等,行与行之间的距离也相等. 3.卡片的主体内容居中显示. 4.当鼠标放在按钮上时,按钮的文字颜色发生变化. 参考代码: <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset…

慕课网4-2 编程练习：jQuery祖先后代选择器小案例

4-2 编程练习结合所学的祖先后代选择器,实现如下图所示效果任务 (1)使用祖先后代选择器将第二段文字背景色变成红色 (2)使用jQuery的.css()方法设置样式,语法css('属性 '属性值') 参考代码: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>慕课网4-2 编程练习</title&g…

【JS学习】慕课网8-17编程练习网页的返回与跳转

编程练习制作一个跳转提示页面: 要求: 1. 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如慕课网主页. 2. 如果点击“返回”按钮则返回前一个页面. 代码如下: 需要注意的是23行要用window.location.href来指定用window.open 的话是在新页面打开 27行用计时器setInterval来调用函数也可以用setTimeout 但此时函数内外都要加上即注释掉的25行 10行超链接指向必须是javascript:跳转函数 <!DOCTYPE…

慕课网javascript 进阶篇第九章编程练习

把平常撸的码来博客上再撸一遍既可以加深理解,又可以理清思维.还是很纯很纯的小白,各位看官老爷们,不要嫌弃.最近都是晚睡,昨晚也不例外,两点多睡的.故,八点起来的人不是很舒服,脑袋有点晕呼呼,鉴于昨晚看到了这章的编程练习,想着自己DOM编程艺术也差不多看完了,高级3也看了点,所打算开始多敲代码了. 谁知,看着编辑器一脸懵逼,不知道如何啃下这块骨头,米思绪,写着也没什么感觉,索性就不写了,这不下午才来撸它. 要求如下: <!DOCTYPE html> <html> <head&g…

慕课网3-13编程练习：采用flex弹性布局制作页面主导航

小伙伴们,伸缩容器的属性我们已经学完了,接下来使用我们所学的伸缩容器属性完成下面的效果图. 要求: 1.logo.导航项.登录注册按钮这三项在水平和垂直方向上都对齐,而且他们之间的距离也相等. 2.导航项各项之间的距离也是一样的. 3.登录.注册按钮之间的距离也是一样的. 慕课网logo图: 效果图如下: 任务 1.对容器进行弹性布局(导航项容器和按钮也要使用弹性布局) 2.三大容器(logo.导航项.按钮)在水平方向以及垂直方向均对齐,且之间距离一样 3.导航项以及按钮之间的各项距离也相等 <…