![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
动态网页项目开发
热血男孩520
这个作者很懒,什么都没留下…
展开
-
实现综合案例的注册(register)、登录(login)和跳转到主页面(index)的功能
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');i.原创 2022-05-28 12:12:08 · 1497 阅读 · 0 评论 -
实现分页按钮的缩放效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>实现分页按钮的缩放效果</title></head><style> li{ float:left; width:30px; list-style:none; height:30px; border:1px so.原创 2022-05-28 12:09:58 · 41 阅读 · 0 评论 -
提交按钮模块
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>注册页面</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="renderer" content="webkit"> <link .原创 2022-05-24 09:41:32 · 96 阅读 · 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-19 10:10:02 · 92 阅读 · 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 13:01:55 · 40 阅读 · 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>跟随鼠标的天使&l.原创 2022-05-11 20:30:08 · 35 阅读 · 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 20:53:49 · 32 阅读 · 0 评论 -
实现发送短信倒计时的效果
<!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:13:48 · 85 阅读 · 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-04-22 18:42:26 · 206 阅读 · 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-20 20:54:19 · 56 阅读 · 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-04-08 13:17:48 · 348 阅读 · 0 评论 -
表格全选-取消全选
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>表格全选/取消全选</title> <style> * { padding: 0; margin: 0; } .wrap { .原创 2022-04-07 12:09:10 · 59 阅读 · 0 评论 -
1.操作元素对象
原创 2022-04-06 21:18:05 · 351 阅读 · 0 评论 -
2.实现百度换肤效果
<!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-06 21:21:27 · 163 阅读 · 0 评论 -
分时间问候显示不同图片
分时间问候显示不同图片原创 2022-04-03 16:03:59 · 219 阅读 · 0 评论