自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 登录界面的实现

<!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-05-30 16:51:24 1786 1

原创 注册页面的实现

完整代码<!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"> &lt

2022-05-25 20:17:37 219

原创 正则注册案例一

(非完整代码)// 需求一:发送验证码 // 用户点击之后,显示05秒后重新获取 // 时间到了,自动改为重新获取 let code =document.querySelector('.code'); code.addEventListener('click',function(){ this.innerHTML='05秒后获取'; let num =5; let timer= setInterval(functio

2022-05-20 20:19:25 110

原创 动态创建/删除表格内容

表格内需初始有内容<!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-05-12 18:56:47 239

原创 阻止点击后默认的跳转行为

<!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 18:09:21 135

原创 自动随机点名

点名之后会将已经点过的名字去除<!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-05-10 20:49:40 113

原创 跟随鼠标移动的图片/动图

<!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-10 20:44:54 127

原创 实现随机点名效果

<!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"> <titl...

2022-05-06 15:50:46 403

原创 短信发送倒计时效果

<!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"> <titl...

2022-04-23 15:20:00 315

原创 实现倒计时

<!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"> <titl...

2022-04-20 20:28:42 61

原创 动态表格生成

<!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"> <titl...

2022-04-12 17:44:12 63

原创 实现表格全选和取消

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>表格全选/取消全选</title> <style> * { padding: 0; margin: 0; } .wrap {...

2022-04-09 10:36:55 86

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除