- 博客(13)
- 收藏
- 关注
RSS订阅原创 实现综合案例的注册、登录和跳转到主页面的功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>首页面</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="renderer" content="webkit"> <!-- &l.
2022-05-29 10:05:28
819
原创 正则案例需求八：提交按钮模块
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>注册页面</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="renderer" content="webkit"> <!-- &.
2022-05-25 13:47:17
253
原创 正则案例发送短信验证码功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>注册页面</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="renderer" content="webkit"> <!-- &.
2022-05-20 18:31:39
318
原创 实现渲染学生信息案例
<!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"> <title>Do.
2022-05-19 10:23:48
133
原创 随机点名（拓展）
<title>随机点名(拓展)</title> <style> * { margin: 0; padding: 0; } h2, .btns { text-align: center; } .box { width: 600px; ..
2022-05-12 14:14:30
49
原创 案例图片跟随鼠标
<title>案例分析：跟随鼠标的天使</title> <style> img { position: absolute; top: 0px; left: 0px; } </style></head><body> <img src="第三章/images/猫.jpg" al..
2022-05-12 14:13:00
75
原创 利用事件监听实现随机点名
<title>随机点名(拓展)</title> <style> * { margin: 0; padding: 0; } h2, .btns { text-align: center; } .box { width: 600px; ..
2022-05-07 09:49:44
171
原创 短信发送倒计时
<body> 手机号码： <input type="tel"> <button>发送</button> <script> var btn = document.querySelector('button'); var time = 5; btn.addEventListener('click',function() { btn.disabled.
2022-04-21 16:10:15
237
原创 短信发送倒计时
<body> 手机号码： <input type="tel"> <button>发送</button> <script> var btn = document.querySelector('button'); var time = 5; btn.addEventListener('click',function() { btn.disabled.
2022-04-21 16:02:43
55
原创 京东秒杀倒计时
<title>案例实现</title> <style> div { margin: 200px; } span { display: inline-block; width: 40px; height: 40px; background-colo.
2022-04-20 18:38:00
178
原创 生成动态表格案例
<title>案例实现：动态生成表格</title> <style> a { text-decoration: none; } table { width: 500px; margin: 100px auto; border-collapse: collapse; text-al.
2022-04-13 14:13:31
64
原创 表格全选-取消全选
<body> <style> * { padding: 0; margin: 0; } .wrap { width: 300px; margin: 100px auto 0; } table { border-collapse: collap.
2022-04-09 11:59:30
49
原创 百度换肤效果
<title>百度换肤</title> <style> *{ margin: 0; padding: 0; } body { background: url(images/2.jpg) no-repeat center top; } li { list-style: none; .
2022-04-06 17:23:03
55
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人