- 博客(29)
- 收藏
- 关注
RSS订阅原创 单击事件 - 购物车加减数字
1.实现 点击"+" - > 数字+1 - > 点击"-" - >数字-1 -> 数字=1 - > "-"号禁用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h
2021-09-15 14:01:40
401
原创 单击事件 - 全选反选
1.实现 1.1全选 点击全选复选框 - > 子复选框全选+文字变为取消 - > 再次点击取消复选框 - > 子复选框全部取消选中+文字变为全选 1.2反选 所有子复选框被选中 - > 全选复选框则自动选中+文字变为取消- > 任意一子复选框未选中 - > 全选复选框取消选中+文字变为全选 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8.
2021-09-15 13:56:24
372
原创 监听事件 - 随机点名2.0
1.实现: 点击开始按钮 - > 名字开始在页面滚动 - > 点击结束按钮 - > 停止滚动出现随机名字 - > 在数组中删除对应数据 - > 数据为1 - > 禁用所有按钮 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt
2021-09-15 13:50:03
343
原创 事件监听 - 随机点名
1.实现 点击按钮 - > 随机出现名字 - > 在数组中删除出现的名字 - > 数组为0- >禁用按钮 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co.
2021-09-15 13:46:48
295
原创 时间对象-案例
1.实现: 在页面输出系统时间 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-09-15 13:42:31
99
原创 创建/增加/删除节点-案例
1.功能 点击"请点击"按钮 - > 添加li标签(一个随机数 + 一个"删除"按钮) - > 点击"删除"按钮 - > 删除对应的li <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name
2021-09-15 13:38:29
200
原创 计时器函数-走马灯效果
1.向里循环(注释的内容) 2.向外循环 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&
2021-09-12 22:08:43
199
原创 计数器函数-注册倒计时
1.注册按钮倒计时 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
2021-09-12 22:07:02
579
原创 Switch-计算器
1.实现两个数字的加减乘除 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-09-12 22:02:07
420
原创 if-数字补零
1.数组小于10在前面补零 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-09-12 21:59:18
327
原创 If-判断闰年
1.判断闰年 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti
2021-09-12 21:54:08
810
原创 For循环-九九乘法表/九九偶数乘法表/九九奇数乘法表
1.九九乘法表 2.九九偶数乘法表 3.九九奇数乘法表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sca
2021-09-12 21:49:59
996
原创 For循环-矩形/三角形
1.矩形 2.左上三角形 3.左下三角形 4.右上三角形 5.右下三角形 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,
2021-09-12 21:48:02
247
原创 DAY014/015-移动web
1.思维导图 2.作业+练习 可参考 a.rem写移动端网页 b.vw/vh写移动端网页 c.less自动生成css
2021-09-01 21:53:36
126
原创 DAY012-移动web
1.思维导图 2.作业+练习 可参考 a.百分比布局写pc端页面 b.百分比布局写移动端页面 c.flex布局写pc端页面 d.flex布局写移动端页面
2021-09-01 21:48:20
115
原创 DAY008-CSS基础
1.思维导图 （不知道为什么传不上来图片，明天再试一下） 2.作业+练习 可参考 a.精灵图 b.过渡效果 c.过渡效果+溢出隐藏
2021-08-12 21:24:56
102
原创 DAY006-CSS基础
1.思维导图 2.作业+练习 可参考 a.小米官网导航栏 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, in
2021-08-06 21:53:12
107
原创 DAY005-CSS基础
1.思维导图 2.作业+练习 可参考 a.导航 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-.
2021-08-05 23:59:09
115
原创 DAY004-CSS基础
1.思维导图 2.作业+练习 可参考 a.导航栏+hover b.侧边栏+hover 例： <!DOCTYPEhtml> <htmllang="zh-CN"> <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"conten...
2021-08-03 21:46:30
494
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人