- 博客(22)
- 收藏
- 关注
RSS订阅
1原创 验证用户信息是否有效
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> span{ width: 14px; height: 15px; display: inline-block; ..
2022-05-19 23:22:43
123
原创 实现盒子居中效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ position: relative; /*相对定位*/ width: 500px; height: 500px; .
2022-05-19 23:21:28
95
原创 随机点名进阶版
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .form{ width: 150px; height: 150px; margin: 0 auto; } .text{
2022-05-15 23:47:18
64
原创 进度条加载效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .external{ width: 200px; height: 20px; border-radius: 10px; } .inner
2022-05-15 23:41:08
96
原创 图片跟随鼠标移动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <img style="position: absolute;" src="./photo.gif"></body><script> addEve
2022-05-15 23:39:24
102
原创 动态操作表格
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; } a { text-decoration:
2022-05-15 23:36:14
156
原创 阴影文字效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 250px; height: 100px; margin: 0 auto; font-size: 40px;
2022-05-02 00:06:39
58
原创 短信倒计时
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <input type="text" placeholder="输入手机号"> <input type="button" value="获取验证码"> <sc.
2022-04-24 22:35:12
54
原创 随机点名随机点名
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .form{ width: 150px; height: 150px; margin: 0 auto; border: 1px solid bla.
2022-04-24 22:33:36
96
原创 实现倒计时秒杀
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width:600px; text-align: center; margin: 0 auto; } span{ display: bloc.
2022-04-21 22:45:10
124
原创 网页主体框架
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; list-style: none; ...
2022-04-18 16:30:47
336
原创 【无标题】
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>表格全选/取消全选</title> <style> * { padding: 0; margin: 0; } .wrap { ...
2022-04-10 15:23:08
59
原创 动态生成表格
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>案例...
2022-04-10 15:19:06
243
原创 百度换肤效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>百度换...
2022-04-08 08:44:34
49
原创 百度换图效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&...
2022-04-08 08:40:43
64
原创 百度首页
<!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>百度...
2022-04-07 10:06:29
137
原创 根据系统时间更换图片
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> < img src=""> <p></p > <script> var nowTime = n...
2022-04-05 17:02:22
59
原创 单击按钮获取当前系统时间
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="disp"> </div> <input type="button" value="获取当前时间"> <...
2022-04-05 16:56:05
391
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人