- 博客(19)
- 收藏
- 关注
原创 综合案例,index register login
indexlet li=document.querySelector('.xtx_navs li:first-child');let obj=JSON.parse(localStorage.getItem('data'));if(obj){ li.innerHTML=`<a href="#">您好${obj.username}用户!</a>`;}registerlet icon=document.querySelector('.icon-queren');ic..
2022-05-28 21:05:41
65
原创 (分页按钮过渡)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> li{ float:left; width:30px; list-style:none; height:30px; border:1px solid red...
2022-05-28 21:02:41
52
原创 旋转中心点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> div{ overflow:hidden; width:200px; height:200px; border:1px solid hotpi...
2022-05-23 19:10:05
60
原创 《盒子居中》
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> div{ position:relative; width:600px; height:600px; background-color: re...
2022-05-23 19:08:44
42
原创 验证用户姓名
<!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-23 19:07:08
75
原创 《进度条》
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> .bar{ width:150px; height:15px; border:1px solid red; ...
2022-05-17 10:30:21
53
原创 渲染学生信息案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link href="css/style.css" rel="stylesheet"></head><body><h1>新增学员</h1><div clas...
2022-05-12 13:48:58
29
原创 跟随鼠标移动
<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-05-12 13:45:02
33
原创 随机点名(扩展)
<!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-08 14:31:48
57
原创 实现阴影效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> .div1{ font-size: 100px; font-family: 华文行楷; color: #87dfeb;...
2022-05-02 21:50:51
37
原创 实现网格的全选和取消
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8">...
2022-04-25 16:24:16
50
原创 《百度换肤》
<!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-04-25 16:13:47
83
原创 动态表格效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> table { width: 500px; margin: 100px auto; border-collapse: collapse; te...
2022-04-25 16:08:25
38
原创 实现发送短信倒计时的效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> 验证码:<input type="text"><button>发送</button><script> var btn=doc...
2022-04-25 11:45:22
37
原创 《随机点名》
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> div { width: 200px; height: 60px; border: 5px solid hotpink; text-align: cen...
2022-04-25 11:42:04
46
原创 《倒计时案例》
<html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><style> div { margin: 200px; } span { display: inline-block; width: 40px; height: 40px; background-colo...
2022-04-20 20:30:00
34
原创 《网页布局》
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> li{ list-style:none; } *{ margin:0; padding:0; ...
2022-04-18 15:58:49
36
原创 根据时间显示不同图片
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div>12345</div> <img src="#"> <script> var img...
2022-04-05 14:23:00
73
原创 显示当前系统时间
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> div{ background-color: #55585a; color:#ffffff; width:250px;...
2022-04-05 14:21:51
215
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人