我卢本伟没有开挂-优快云博客

原创用画布画一些图形

用画布画一个矩形&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp

2018-12-13 10:23:00 295

原创使一个div居中显示的三种方法

使一个div居中显示的三种方法1.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>div居中</title> <style> /*第一种方法

2018-12-06 20:16:42 49514

jQuery效果基本show()hide()toggle滑动slideDown(speed, [callback])slideUp(speed, [callback])slideToggle(speed, [callback])淡入淡出fadeIn(speed, [callback])fadeOut(speed, [callback])fadeTo(speed, opacity, [callbac...

2018-12-05 21:46:23 475

原创 jQuery事件(持续更新)

jQuery事件onchange()和oninput()focusin()keydown() keyup() keypress()load()scroll()select()onchange()和oninput()代码：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;met

2018-12-05 19:51:39 362

原创 jQuery选择器

jQuery选择器基本选择器1.#id2.element3..class4.*5.selector1,selector2,selectorN6.first()7.last()9.:even10.:odd11.:eq12.:gt13.:lt14.:header15.:animated层级选择器1.ancestor descendant2.parent > child3.prev + next4...

2018-12-03 22:13:24 726

原创 jQuery入门(获取对象、函数区别、对象转换)

jQuery入门第一节什么是jQueryjQuery的优势jQuery和JavaScript的一些区别获取对象的区别文档就绪函数的区别什么是jQueryjQuery是js库，它通过封装原生的JavaScript函数得到一套定义好的方法。jQuery主旨：以更少的代码，实现更多的功能。write less，do morejQuery的优势jQuery优势：1.可以像css一样访问页面外观...

2018-12-03 20:26:40 500

原创未整理的数组、伪数组、匿名函数及其自调用

未整理的数组、伪数组、匿名函数及其自调用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery入门</title></head><body&a

2018-12-03 13:48:40 125

原创 js的事件监听

js的事件监听1.2.3.添加事件监听的三种方式：我们以点击一个div使其背景颜色从绿色变为橘色为例1.代码：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &

2018-12-03 13:32:18 138

原创利用js获取滚动条滚动距离，实现图片固定在屏幕的某个位置

利用js获取滚动条滚动距离，实现图片固定在屏幕的某个位置思路：1.获取对象距离顶部和左侧的距离；2.获取元素对象；3.当滚动条滚动时获取滚动条滚动的距离；4.滚动条滚动时执行函数：对象距离顶部 / 左侧的距离变为原本距离顶部 / 左侧的距离+滚动条滚动像素数。html代码：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&

2018-12-01 17:54:03 10247 1

转载利用js实现省市二级联动

利用js实现省市二级联动html代码：&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt;&amp

2018-12-01 17:53:56 540

原创利用JS及正则表达式验证创建一个简单的注册界面

利用JS及正则表达式验证创建一个简单的注册界面思路：★作为初学者还没有完全学完，改进的地方还有很多很多，望各位网友提出宝贵意见，共同学习！1.利用for循环在一个div里添加3个input节点；2.添加两个div节点，当输入的信息不符合正则表达式的规则时用来显示错误信息；3.当输入框失去焦点时，验证正则表达式，如果结果为false，则输出错误信息，提醒重新并按格式输入；4.当输入框获...

2018-12-01 17:53:48 1517

原创 JavaScript 正则表达式

JavaScript 正则表达式Ⅰ.什么是正则表达式Ⅱ.创建正则表达式Ⅲ.获取控制Ⅳ.常用的正则表达式整理Ⅰ.什么是正则表达式正则表达式(regular expression)是一个描述字符模式的对象，ECMAScript的RegExp 类表示正则表达式，而String和RegExp都定义了使用正则表达式进行强大的模式匹配和文本检索与替换的函数。正则表达式主要用来验证客户端的输入数据。用户填...

2018-12-01 17:53:41 157

原创 js dom 操作节点

js dom 操作节点html里的节点分为：1.元素节点2.属性节点3.文本节点4.注释节点首先我们先创建一个div个一个按钮，用来做下面的操作：创建并添加节点：createElement() ----------------创建一个元素节点appendChild()-------------------将新节点追加到子节点列表的末尾当我们点击按钮的时候，会添加一个p标签到di...

2018-12-01 17:53:27 271

原创 CSS3动画实现背景图轮播

CSS3动画实现背景图轮播利用css3动画切换背景图的路径；使这个动画无限循环下去，以实现背景图切换的效果。代码：&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&am

2018-12-01 17:53:17 12931 12

原创 CSS3 动画

CSS3 动画使一个div从一个位置移动到另一个位置并变换背景颜色使一个div平移一圈@keyframes:定义一个动画animation:在HTML元素上应用动画animation-name动画名称animation-duration动画持续时间animation-timing-function动画速度曲线animation-delay动画开始的时间，...

2018-12-01 17:53:09 161

原创 transform 变形

transform 变形当鼠标按住使一个div水平平移一定距离当鼠标放上去使一个div从中间缩放当鼠标放上去使一个div旋转360度鼠标放上去使div倾斜60度属性值说明none无变换translate(长度值或百分数值)在水平方向、垂直方向或两个方向上平移元素translateX(长度值或百分数值)在水平方向上平移元素translateY(长度值或百...

2018-12-01 17:52:59 121

原创 CSS 定位

CSS 定位相对定位绝对定位固定定位通常，我们需要将绝对定位与将对定位结合使用，父元素采用相对定位，里面的子元素采用绝对定位。定位分为三种：1.相对定位—relative2.绝对定位—absolute3.固定定位—fixed相对定位相对定位，相对于自己原来位置进行定位，原来位置保留代码如下：&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;

2018-12-01 17:52:43 172

原创浮动 float

浮动 float浮动清除浮动浮动◇float属性脱离常规文档流而表现为向右或向左浮动◇float属性的取值：right left none代码：&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;

2018-12-01 17:52:32 165

原创 CSS 常用属性 display

displayinline:以行级元素渲染标签block:以块级元素渲染标签inline-block:同时以行级和块级元素渲染标签inherit:继承none:可用于把当前元素隐藏代码如下：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset=&

2018-12-01 17:52:20 933

原创 CSS 选择器

CSS选择器Ⅰ 标签选择器Ⅱ id选择器Ⅲ 类选择器Ⅳ 特殊选择器Ⅳ.Ⅰ 交集Ⅳ.Ⅱ 并集Ⅳ.Ⅲ 后代Ⅳ.Ⅳ 子元素选择器Ⅳ.Ⅴ 伪类行内样式：优先级最高，写在行内，确定代码量大，不利于修改&amp;amp;lt;div style=&amp;quot;color: red&amp;quot;&amp;amp;gt;行内加字体样式为红色&amp;amp;lt;/div&amp;amp;gt;内部样式

2018-12-01 17:52:05 138 1

原创初识HTML5

HTML5标签W3school里的标签介绍行级标签常见的行级标签a标签的作用块级标签常见的块级标签行内块级标签常见的行内块级标签W3school里的标签介绍参考文档行级标签特点：1.能和其他元素待在同一行2.不能设置宽高常见的行级标签a span i en stronga标签的作用1.超链接代码:&amp;amp;lt;a href=&amp;quot;www.youkuaiyun.com&amp;quot;&amp;amp;

2018-12-01 17:51:42 146

weixin_43885123的博客