egg55
码龄7年
关注
提问 私信
  • 博客:3,986
    3,986
    总访问量
  • 19
    原创
  • 1,339,674
    排名
  • 6
    粉丝
  • 0
    铁粉
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:安徽省
  • 加入CSDN时间: 2018-01-11
博客简介:

qq_41619968的博客

查看详细资料
个人成就
  • 获得1次点赞
  • 内容获得0次评论
  • 获得0次收藏
创作历程
  • 19篇
    2022年
成就勋章
TA的专栏
  • 动态网页
    19篇
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

综合案例,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'.
原创
发布博客 2022.05.28 ·
650 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

分页按钮过渡效果

<!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 re.
原创
发布博客 2022.05.28 ·
140 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

旋转中心点案例

<!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 hotpink; ma.
原创
发布博客 2022.05.23 ·
145 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

盒子居中效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> div{ position:relative; width:600px; height:600px; background-color: red; } p.
原创
发布博客 2022.05.20 ·
154 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

用户名验证

<!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.20 ·
151 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

进度条过渡效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> .bar{ width:150px; height:15px; border:1px solid red; border-ra.
原创
发布博客 2022.05.13 ·
141 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

渲染学生信息案例

<!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 class="info"&.
原创
发布博客 2022.05.12 ·
285 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

跟随鼠标移动

<!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.11 ·
221 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

随机点名扩展

<!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.04 ·
111 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

实现盒子和文字的阴影效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> .div1{ font-size: 100px; font-family: 华文行楷; color: #87dfeb; fon.
原创
发布博客 2022.05.02 ·
409 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

随机点名效果

<!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: center;.
原创
发布博客 2022.04.25 ·
128 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

倒计时短信

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> 验证码:<input type="text"><button>发送</button><script> var btn=document.que.
原创
发布博客 2022.04.24 ·
76 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

倒计时案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><style> div { margin: 200px; } span { /* 转换为行内块元素 */ display: inline-block; width: 40px; heigh.
原创
发布博客 2022.04.20 ·
91 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

一个网页布局

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> li{ list-style:none; } *{ margin:0; padding:0; } .top{ .
原创
发布博客 2022.04.18 ·
80 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

动态生成表格

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> table { width: 500px; margin: 100px auto; border-collapse: collapse; text-align: .
原创
发布博客 2022.04.10 ·
101 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

百度换肤效果

<!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 ·
273 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

实现表格全选和取消全选

<!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"> <titl.
原创
发布博客 2022.04.10 ·
266 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

根据时间显示不同图片

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div>12345</div> <img src="#"> <script> var img=document.
原创
发布博客 2022.04.03 ·
324 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

显示当前系统时间

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> div{ background-color: #55585a; color:#ffffff; width:250px; tex.
原创
发布博客 2022.04.03 ·
240 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏
加载更多