- 博客(21)
- 收藏
- 关注
原创 综合案例:实现注册、登录和跳转到主页面的功能。
<!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-06-09 22:44:39 421
原创 提交按钮模块
let form = document.querySelector('form') form.addEventListener('submit', function (e) { if (!verifyUsername()) { e.preventDefault() } if (!verifyPhone()) { e.preventDefault() }...
2022-06-09 22:31:52 88
原创 实现分页按钮的缩放效果
<!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-05-29 13:42:41 61
原创 利用2D旋转rotate设置旋转中心点
<!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-05-21 22:28:07 102
原创 利用2D转换的位移属性实现盒子居中效果
<!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-05-21 22:24:02 51
原创 验证用户名信息是否有效
<!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"> <tit...
2022-05-20 16:02:21 38
原创 实现进度条效果案例
<!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-05-16 14:21:04 35
原创 综合案例:渲染学生信息案例
<!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"> <tit...
2022-05-13 13:58:57 48
原创 完成图片跟随鼠标移动案例
<!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"> <tit...
2022-05-09 23:50:29 35
原创 随机点名(拓展)
<!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"> <tit...
2022-05-07 15:00:10 54
原创 文字阴影/盒子阴影
<!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-30 20:49:38 35
原创 文字阴影:text-shadow
<!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-29 15:51:20 164
原创 实现随机点名
<!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-24 14:39:27 73
原创 实现发送短信倒计时的效果
<!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-21 22:07:03 43
原创 秒杀倒计时
<!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-20 22:26:38 31
原创 浮动元素搭配标准流父盒子
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>浮动元素搭配标准流父盒子</title><style>*{ margin:0; padding:0;}li{ list-style:none;}.top { height: 50px ;...
2022-04-17 15:01:56 199
原创 实现动态生成表格
<body> <table cellspacing="0"> <thead> <tr> <th>角色</th> <th>法术</th> <th>法力</th> <th>操作</th> ...
2022-04-10 15:06:01 212
原创 【无标题】实现表格全选和取消全选功能
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>表格全选/取消全选</title> <style> * { padding: 0; margin: 0; } .wrap ...
2022-04-07 21:46:32 72
原创 百度换肤案例
<!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 17:43:25 79
原创 伪百度盒子模型
<!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:25:30 41
原创 JS编程案例 分时间段显示不同问候语
<!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-04 11:48:31 652
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人