10 2018 档案
摘要：jQuery 停止动画 jQuery stop() 方法用于在动画或效果完成前对它们进行停止。 jQuery stop() 方法 jQuery stop() 方法用于停止动画或效果，在它们完成之前。 stop() 方法适用于所有 jQuery 效果函数，包括滑动、淡入淡出和自定义动画。 语法: $(
阅读全文
摘要：一个元素在不同的状态之间进行平滑的交换 CSS3中使用transition属性实现过度效果 一个简单的例子： 如果我们给img元素添加以下代码 那么整个图片旋转的时候会显得很完美、平滑 语法： transition：过度属性 执行时间 时间函数 延迟时间； 过度属性：可选值。指定将要进行过度变换的C
阅读全文
摘要：转换：就是使用transform属性将html元素 2D转换：在二维空间内转换 x,y 3D转换：在三维空间内转换 x,y,z 移动 translate：将元素在x轴或y轴上进行移动 实例：transform：translate（20px，30px）； x轴上像右移动20px，在y轴上像下移动30p
阅读全文
摘要：jQuery 选择器 jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。 jQuery 中所有选择器都以美元符号开头
阅读全文
摘要：http://www.bootcss.com/ 前端框架bootstrap http://www.fontawesome.com.cn/faicons/ 字体图标库 https://daneden.github.io/animate.css/ 动画库 https://github.com/jquer
阅读全文
摘要：//首页自动更换背景特效开始============================================1.引用文件 $(function(){ $.backstretch(["Image/1.jpg"]); //背景 $(".index").backstretch(["Image/1.jpg","Image/2.jpg","Image/3.jpg"],{durati...
阅读全文
摘要：jQuery背景插件backstretch使用指南 Backstretch是一款简单的jQuery插件，可以帮助你给网页添加一个动态的背景图片，可以自动调整大小适应屏幕的尺寸，当然这样做的缺点是当图片尺寸比屏幕小的时候,图片会因为自动延伸而变形，所以我们可以劲量使用高分辨率大尺寸的图片做背景,更重要
阅读全文
摘要：结合after或before伪类，在元素的开头或结尾附加上一定的内容，content：""的引号中即是添加的内容，比如说我们这么写： 学而时习之不亦说乎 div:before{content:"子曰："} 那么在显示时就会显示 子曰：学而时习之不亦说乎 这其中“子曰：”并不会出现在DOM文档中
阅读全文
摘要：JS脚本 CSS样式 这样滚动的话太生硬，需要设置下过度
阅读全文
摘要：CSS3 允许你为一个元素设置多张背景图片 效果 简写形式： background-size： 长度：设置北京图片高度和宽度，第一个值设置宽度，第二个值设置高度，如果只给出第I个值， 第二个是“auto” 自动 百分比：相对于所在区域的百分比，第一个值设置宽度，第二个值设置高度，如果只给出一个值，
阅读全文
摘要：box-sizing属性 用来改变盒模式中的宽度和高度默认的计算方式。 box-sizing： 1.content-box（默认值）： 宽度和高度只包含内容区域 2.border-box： 宽度和高度包含内容区域、padding和border
阅读全文
摘要：CSS3提供了创建颜色渐变的方式，在两个或更多的颜色之间进行平滑色过度。 浏览器支持两种颜色渐变 线性渐变： to bottom:渐变的方向或角度 1.使用关键字表示方向：left right top bottom，left top、right top、、、、、、、、等 2.用数字表示角度：取值范围
阅读全文
摘要：Css3允许你使用opacity（不透明）属性设置元素的不透明度 实例： <img src="1.jpg" alt=“view”> img{ opacity：0.45； //45%不透明度 } 一个元素的opacity属性会应用到这个元素本身以及这个元素所有的子孙元素上
阅读全文
摘要：关键字颜色 red 十六进制颜色 #FF0000 RGB颜色 rgb（255，0,0） 新增的颜色表示方法 RGBa： RGB代表光的三原色，Red、Green和Blue CSS3中可以增加一个值a（alpha），表示颜色的透明度 Background-color：rgba（0,0,0,0.35）；
阅读全文
摘要：text-shadow(文本阴影) <h1>我有文字阴影</h1> h1{ color:#ffff00; text-shadow:1px 2px 2px #000000; } text-shadow: 横向偏移量（必选） 纵向偏移量（必选） 模糊范围（可选） 阴影颜色； text-overflow（
阅读全文
摘要：box-shadow：inset 横向偏移量 纵向偏移量 模糊范围 扩展范围 阴影颜色； 1.inset ：（可选） 内阴影，不设置inset，表示盒子外部显示一个投影。也可写在最后。 2.横向偏移量：（必选） 设置为正值，表示阴影相对盒子向右偏移。负值表示阴影相对盒子向左偏移 3.纵向偏移量：（必
阅读全文
摘要：设置规则： 一个值：四个圆角的值相同 两个值：第一个值为左上角与右下角，第二个值为右上角以左下角 三个值：第一个值为左上角，第二个值为右上角和左下角，第三个值为右下角 四个值：第一个值为左上角，第二个值为右上角，第单个值为右下角，第四个值为左下角 使用百分比： 圆角半径分别是height和width
阅读全文
摘要：大部分标签（所有标签都有的属性） 全局属性 属性 描述 属性 描述 style 元素的内联样式 trabskate 元素的值在页面载入时是否需要翻译 calss 元素的类型 contenteditable 是否可编辑元素的内容 id 元素的唯一id spellcheck 检测元素是否拼写错误 tit
阅读全文
摘要：表单验证是指，在用户提交表单之前，确保用户输入的数据时合法的。 输入类型： <div>邮箱：<input type="mail"></div> 1、type类型指定mail后，输入的格式必须为邮箱的格式 2、如qq@.com 不是这种格式会提示你重新输入 必填字段： <div>姓名：<input t
阅读全文
摘要：datalist：为其他输入空间提供一个预定义的选项列表。 例子： Keygen：用于客户端访问服务端时的安全验证，当表单提交时，会生成两个键，一个私钥，一个公钥私钥存储与客户端，公钥则被发送到服务器，公钥可用于之后验证用户端证书。 Output：结合javascript使用，主要用于脚本输出显示。
阅读全文
摘要：JavaScript 类型转换 Number() 转换为数字， String() 转换为字符串， Boolean() 转化为布尔值。 JavaScript 数据类型 在 JavaScript 中有 5 种不同的数据类型： string number boolean object function 3
阅读全文
摘要：JavaScript 作用域 作用域是可访问变量的集合。 在JavaScript中，能够定义全局作用域或者局部作用域。 JavaScript 作用域 在 JavaScript 中, 对象和函数同样也是变量。 在 JavaScript 中, 作用域为可访问变量，对象，函数的集合。 JavaScript
阅读全文
摘要：JavaScript 函数 在JavaScript中，函数即对象，可以随意地被程序操控，函数可以嵌套在其他函数中定义，这样可以访问它们被定义时所处的作用域中的任何变量。 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 实例 <!DOCTYPE html> <html> <head> <
阅读全文
摘要：JavaScript 数据类型 字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。 JavaScript 拥有动态类型 JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型：
阅读全文
摘要：我们可以把数据通过函数的 参数 来传入函数，也可以使用 return 语句把数据从一个函数中传出来。 举个栗子 plusThree 带有一个为 num 的 参数 并且返回（returns）一个等于 num + 3 的值。
阅读全文
摘要：在 JavaScript 中， 作用域 影响着变量的作用范围。在函数外定义的变量具有 全局 作用域。这意味着，具有全局作用域的变量可以在代码的任何地方被调用。 没有使用var关键字定义的变量，会被自动创建在全局作用域中，变成全局变量。当在代码其他地方无意间定义了一个变量，刚好变量名与全局变量相同，这
阅读全文
摘要：函数的参数parameters在函数中充当占位符(也叫形参)的作用，参数可以为一个或多个。调用一个函数时所传入的参数为实参，实参决定着形参真正的值。 这是带有两个参数的函数， param1 和 param2： 接着我们调用 testFun： testFun("Hello", "World"); 我们
阅读全文
摘要：在 JavaScript 中，我们可以把代码的重复部分抽取出来，放到一个函数（functions）中。 这是一个函数（function）的例子： 你可以通过函数名称functionName加上后面的小括号来调用这个函数（function），就像这样： functionName(); 每次调用函数时它
阅读全文
摘要：你不仅可以 shift（移出）数组中的第一个元素，你也可以 unshift（移入）一个元素到数组的头部。 .unshift() 函数用起来就像 .push() 函数一样, 但不是在数组的末尾添加元素，而是在数组的头部添加元素。
阅读全文
摘要：pop() 函数用来移出数组中最后一个元素。如果想要移出第一个元素要怎么办呢？ .shift() 就是专门用来处理这类型需求的。它的工作原理类似 .pop()，但它移除的是第一个元素，而不是最后一个。
阅读全文
摘要：将数据追加到一个数组末尾的最简单的方法是通过 push() 函数。 .push() 允许有一个或多个参数，并把它“push”到数组的末尾。
阅读全文
摘要：改变数组中数据的另一种方法是用 .pop() 函数。 .pop() 函数用来“抛出”一个数组末尾的值。我们可以把这个“抛出”的值赋给一个变量存储起来。 数组中任何类型的数据条目（数值，字符串，甚至是数组）可以被“抛出来” 。 举个例子, 对于这段代码var oneDown = [1, 4, 6].p
阅读全文
摘要：在许多情况下，您将使用CSS库。这些可能会意外覆盖您自己的CSS。所以当你绝对需要确定一个元素具有特定的CSS时，可以使用 !important。 让我们回到之前的 pink-text class 声明。请记住，我们的 pink-text class 被后续的 class 声明、id 声明和内联样式
阅读全文
摘要：原有的input类型： input标签原有的type类型： text（普通文本框，默认字） button（普通按钮） password（密码框） submit（提交按钮） radio（单选框） reset（重置按钮） chechbox（多选按钮） image（图片按钮） file（文件上传组件） h
阅读全文
摘要：Audio标签： 不需要下载任何的额外的浏览器插件 完全由浏览器自身实现音频的解码和播放 用法： <audio src="1.mp3" controls></audio> 属性： 和视频的属性一样的请参考video标签。 兼容所有的音频格式和浏览器
阅读全文
摘要：不需要任何额外的浏览器视频播放插件 完全由浏览器自身实现视频的解码和播放 用法：<video src=“演唱会.mp4” controls></video> 属性： src：视频的url地址 controls：显示视频的控制组件 autoplay：自动播放 preload： src：视频的url地址
阅读全文
摘要：Article标签：表示包含于一个文档，页面,应用程序或网站中的一段独立的内容，也就是说，他能独立地被发布或重新使用 例子： 一篇博客 一个论坛的帖子 一片新闻报道 用户评论 header标签：一般被放置在页面的顶部，或者页面中某个区块元素的顶部，包含整个页面或区块标题，简介等信息。 例子： 一个文
阅读全文
