- 博客(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
370
原创 单击事件 - 全选反选
1.实现1.1全选点击全选复选框 - > 子复选框全选+文字变为取消 - > 再次点击取消复选框 - > 子复选框全部取消选中+文字变为全选1.2反选所有子复选框被选中 - > 全选复选框则自动选中+文字变为取消- > 任意一子复选框未选中 - > 全选复选框取消选中+文字变为全选<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8.
2021-09-15 13:56:24
354
原创 监听事件 - 随机点名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
314
原创 事件监听 - 随机点名
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
267
原创 时间对象-案例
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
78
原创 创建/增加/删除节点-案例
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
177
原创 计时器函数-走马灯效果
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
168
原创 计数器函数-注册倒计时
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
526
原创 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
396
原创 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
284
原创 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
737
原创 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
947
原创 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
221
原创 DAY012-移动web
1.思维导图2.作业+练习可参考a.百分比布局写pc端页面b.百分比布局写移动端页面c.flex布局写pc端页面d.flex布局写移动端页面
2021-09-01 21:48:20
92
原创 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
80
原创 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
94
原创 DAY004-CSS基础
1.思维导图2.作业+练习可参考a.导航栏+hoverb.侧边栏+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
443
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人