- 博客(13)
- 收藏
- 关注
原创 实现随机点名的效果
<!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"> <...
2022-06-09 22:48:21 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"> <tit...
2022-06-09 22:47:10 62
原创 综合案例:渲染学生信息案例
<!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-06-09 22:46:08 112
原创 综合案例:渲染学生信息案例
<!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-06-09 22:43:37 116
原创 实现进度条效果
<!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>Doc...
2022-06-09 22:42:31 47
原创 提交按钮模块
let form=document.querySelector('form') form.addEventListener('submit',function(e){ if(!verifyUsername()){ //返回值是false,需要阻止提交 //事假对象的阻止默认行为:e.preventDefault() e.preventDefa...
2022-06-09 22:39:45 48
原创 验证用户名信息是否有效
<!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-06-09 22:36:47 57
原创 利用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-06-09 22:35:44 50
原创 利用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-06-09 22:33:55 207
原创 实现分页按钮的缩放效果
<!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-06-09 22:32:19 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"> <tit...
2022-04-24 22:32:03 294
原创 【无标题】发送短信倒计时
<!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>Doc...
2022-04-24 22:29:14 43
原创 DOM操作元素对象:分图问候显示不同图片
<!DOCTYPE html><html><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-05 19:39:48 67
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人