自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 综合案例 跳转到主页面

js

2022-06-09 23:01:37 84

原创 实现综合案例的登录

js

2022-06-09 22:58:52 52

原创 提交按钮模块

js

2022-06-09 22:56:12 76

原创 实现综合案例的注册

js

2022-06-09 22:49:42 62

原创 实现分页按钮的缩放效果

js

2022-06-09 22:36:36 37

原创 利用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>Doc...

2022-05-24 09:55:13 235

原创 利用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>Doc...

2022-05-24 09:53:23 94

原创 验证用户名相信是否有效

<!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-24 09:50:46 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-14 17:45:48 68

原创 鼠标移动效果

<!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-14 17:43:17 63

原创 进度条效果案例

<!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>Do.

2022-05-14 17:41:24 46

原创 随机点名的效果

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

2022-05-14 17:36:51 52

原创 H5课后作业实现盒子阴影和文字阴影

<!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-05-02 22:04:11 89

原创 实习自动点名的效果

<!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-26 21:33:27 54

原创 实现发送短信倒计时的效果

<!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-26 21:28:02 103

原创 秒杀倒计时

<!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-21 22:34:40 44

原创 设计网页布局

<!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-18 15:33:49 38

原创 表格的取消和全选功能

表格取消和全选功能 <script> var j_cbAll=document.getElementById('j_cbAll'); var j_tbs=document.getElementById('j_tb').getElementsByTagName('input'); j_cbAll.onclick=function(){ for ( var i=0;i<j_tbs.length;i++){ .

2022-04-10 17:38:52 103

原创 实现动态生成表格效果

<body> <table cellspacing="0"> <thead> <tr> <th>角色</th> <th>法术</th> <th>法力</th> <th>操作</th> .

2022-04-10 17:36:34 66

原创 百度首页效果

百度首页效果<body> <div class="logo"> <img src=".//imgs/bdlogo.gif" alt=""> </div> <div class="nav"> <a href="#">新 闻</a>&nbsp; <strong>网 页<>&nbsp; ...

2022-04-10 17:31:20 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-04-07 10:22:34 47

原创 案例分析:

<!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-05 18:08:34 36

空空如也

空空如也

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

TA关注的人

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