![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习
pzh1109
一个边学习边分享笔记的同学
展开
-
JavaScript笔记——增删标签(DOM节点)
<!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-01-06 16:33:45 · 255 阅读 · 0 评论 -
JavaScript笔记——轮播图(无缝滚动)
<!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>Do.原创 2021-10-24 10:22:05 · 102 阅读 · 0 评论 -
JavaScript笔记——仿百度换肤
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style> *{margin: 0;padding: 0;list-style: none;border: 0;} ul{overflow: hidden;margin: 100px auto;width: 700px;} .原创 2021-10-24 09:31:21 · 1859 阅读 · 0 评论 -
JavaScript笔记——轮盘抽奖
<!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>D..原创 2021-10-24 09:19:55 · 105 阅读 · 0 评论 -
JavaScript笔记——轮播图(淡入淡出类型)
<!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>D..原创 2021-10-24 09:47:01 · 120 阅读 · 0 评论 -
JavaScript实践——破产版抽奖(吃饭选择器)
<!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>D.原创 2021-10-23 16:39:08 · 482 阅读 · 0 评论 -
JavaScript笔记——选项卡
<!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"> .原创 2021-10-23 16:24:26 · 60 阅读 · 0 评论 -
JavaScript笔记——控制标签属性
<!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"> .原创 2021-10-23 16:15:19 · 155 阅读 · 0 评论 -
JavaScript笔记——选项卡头部
<!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"> .原创 2021-10-23 16:01:54 · 89 阅读 · 0 评论 -
JavaScript笔记——控制标签的CSS和this
<!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"> .原创 2021-10-22 16:50:20 · 220 阅读 · 0 评论 -
JavaScript笔记——简易版抽奖
<!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>D.原创 2021-10-22 16:32:47 · 52 阅读 · 0 评论 -
JavaScript笔记——dom元素的控制
<!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>D.原创 2021-10-22 16:27:24 · 166 阅读 · 0 评论 -
JavaScript笔记——变量的作用域
<!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>D.原创 2021-10-22 15:57:00 · 64 阅读 · 0 评论 -
JavaScript笔记——函数
<!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>Do.原创 2021-10-22 15:46:16 · 47 阅读 · 0 评论 -
JavaScript笔记——循环
<!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>Do.原创 2021-10-22 15:29:27 · 59 阅读 · 0 评论 -
JavaScript笔记——流程控制语句
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width= , initial-scale=1.0"> <title>Document.原创 2021-10-22 15:10:58 · 56 阅读 · 0 评论 -
JavaScript笔记——运算符
<!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>D.原创 2021-10-22 15:01:11 · 83 阅读 · 0 评论 -
JavaScript的第一天——变量类型的转换
<!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>D.原创 2021-10-17 17:06:02 · 77 阅读 · 0 评论 -
JavaScript第一天———1.变量
<!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>D.原创 2021-10-17 16:48:35 · 50 阅读 · 0 评论 -
HTML的运用——css的层叠性和继承性
<!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>D.原创 2021-09-07 16:22:30 · 77 阅读 · 0 评论 -
HTML的运用——display的属性
<!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>D.原创 2021-09-07 16:07:53 · 904 阅读 · 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>Do.原创 2021-09-07 15:59:09 · 166 阅读 · 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>Do.原创 2021-09-07 15:49:33 · 126 阅读 · 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>Do.原创 2021-08-02 22:39:03 · 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>Do.原创 2021-08-02 22:35:58 · 332 阅读 · 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>Do.原创 2021-08-02 21:02:23 · 47 阅读 · 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>Do.原创 2021-08-02 20:57:11 · 147 阅读 · 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>Do.原创 2021-08-02 20:30:48 · 190 阅读 · 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&g...原创 2021-08-02 20:22:35 · 64 阅读 · 0 评论 -
CSS样式整理
<!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>D.原创 2021-07-29 21:46:14 · 40 阅读 · 0 评论 -
Html例子:锚点
<!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>Do.原创 2021-07-29 20:16:43 · 173 阅读 · 0 评论 -
div布局样式例子
<!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"> .原创 2021-07-29 20:11:03 · 276 阅读 · 0 评论 -
Html中的常用标签(2)
<!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>D.原创 2021-07-29 19:49:20 · 44 阅读 · 0 评论 -
Html中的常用标签
<!-- 文件头,告诉浏览器编译方式 --><!DOCTYPE html><!-- 浏览器适配语言为英语 --><html lang="en"><!-- 防止头文件 --><head> <!-- 编码 --> <meta charset="UTF-8"> <!-- 视口标签 --> <meta name="viewport" content="wid.原创 2021-07-29 19:19:28 · 172 阅读 · 0 评论