自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 filter的alpha透明度和opacity透明度区别

filter的alpha透明度与opacity透明度 相同点:都是值为0表示完全透明,值为1表示完全不透明不同点:alpha可以应用于元素特定的属性(比如背景、边框、文字),且alpha只作用于这个属性。而opacity会作用于某元素及该元素下的所有属性。

2016-08-31 17:05:21 5636

转载 移动标签(marquee)属性详解

移动标签(marquee)属性详解 marquee标签:创建一个滚动的文本字幕,应用于文字、图片、表格。基本语法: ...属性汇总例句:此处输入滚动内容此处输入滚动内容 在基本语法中输入文字代码、代入图片代码、Flash动画代码和表格代码。这里是输入文字的地方,还可以放图片代码、Flash动画代码和gif动态小图代码。示例

2016-08-31 15:38:09 7521

转载 转载知乎-前端汇总资源

学习编程专栏连载的练手项目篇,如有兴趣可以访问前三篇:有哪些适合新手练手的Java项目? - 学习编程 - 知乎专栏有哪些适合新手练手的Java Web项目? - 学习编程 - 知乎专栏有哪些适合新手练手的Python项目? - 学习编程 - 知乎专栏本篇文章推荐分享五篇关于前端资源汇总的帖子,希望可以帮助到学习前端的你。同时你可以去看一看前端技能树喔:前端技能第一篇:前端

2016-08-30 18:21:35 2807 2

转载 CSS border-collapse 属性

CSS border-collapse 属性定义和用法border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。默认值:separate继承性:yes版本:CSS2JavaScript 语法:object.

2016-08-30 11:03:58 577

转载 CSS border 属性及用border画各种图形

CSS border 属性定义和用法border 简写属性在一个声明设置所有的边框属性。可以按顺序设置如下属性:border-widthborder-styleborder-color如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000; 也是允许的。默认值:not specifie

2016-08-28 10:58:10 10222

转载 CSS Transform变化 和 transform-origin

CSS3 transform 属性定义和用法transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。默认值:none继承性:no版本:CSS3JavaScript 语法:object.style.transform="

2016-08-27 20:02:03 2184

转载 Window 对象、document对象、history对象、location对象、navigator对象、screen对象

Window 对象Window 对象Window 对象表示浏览器中打开的窗口。如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。Window 对象集合集合描述frames[]返回窗口中所有命

2016-08-27 16:21:00 5306

转载 JavaScript setTimeout() clearTimeout() 方法

HTML DOM setTimeout() 方法定义和用法setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。语法setTimeout(code,millisec)参数描述code必需。要调用的函数后要执行的 JavaScript 代码串。millisec必需

2016-08-27 14:34:51 3558

转载 CSS3动画 @keyframes

CSS3 @keyframes 规则定义和用法通过 @keyframes 规则,您能够创建动画。创建动画的原理是,将一套 CSS 样式逐渐变化为另一套样式。在动画过程中,您能够多次改变这套 CSS 样式。以百分比来规定改变发生的时间,或者通过关键词 "from" 和 "to",等价于 0% 和 100%。0% 是动画的开始时间,100

2016-08-27 10:09:28 728

转载 CSS3d动画 animation 属性

CSS3 animation 属性定义和用法animation 属性是一个简写属性,用于设置六个动画属性:animation-nameanimation-durationanimation-timing-functionanimation-delayanimation-iteration-countanimation-direction注释:请始终规

2016-08-27 10:01:19 2282 1

转载 CSS text-transform 属性

CSS text-transform 属性定义和用法text-transform 属性控制文本的大小写。说明这个属性会改变元素中的字母大小写,而不论源文档中文本的大小写。如果值为 capitalize,则要对某些字母大写,但是并没有明确定义如何确定哪些字母要大写,这取决于用户代理如何识别出各个“词”。默认值:none

2016-08-27 09:57:58 1135

转载 jQuery $.extend()用法总结

jQuery $.extend()用法总结jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象添加方法。举个例子

2016-08-26 16:36:47 3956

转载 jquery $(document).ready() 与window.onload的区别

jquery $(document).ready() 与window.onload的区别1.执行时间         window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。         $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 2.编写个数不同          window.on

2016-08-26 16:06:05 427

转载 jQuery中 $.fn 的用法介绍

jQuery中$.fn的用法示例介绍$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效, 如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了.那么你可以这样子:$("#div").abc(); jQuery为开发插件提拱了两个方法,分别

2016-08-26 15:42:10 956

转载 CSS text-fill-color属性

CSS : text-fill-color属性语法:text-fill-color:默认值:transparent适用于:所有元素继承性:有动画性:是计算值:指定值取值::指定文字的填充颜色。说明:检索或设置对象中的文字填充颜色。若同时设置 和 color '>, 定义的颜色将覆盖 col

2016-08-26 10:46:00 12534

转载 CSS3 background-clip 属性

CSS3 background-clip 属性定义和用法background-clip 属性规定背景的绘制区域。默认值:border-box继承性:no版本:CSS3JavaScript 语法:object.style.backgroundClip="content-box"语法background-clip: border-box|padding-box|content-bo

2016-08-26 10:39:37 472

转载 CSS3 @media

CSS3 @media 定义和使用使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的。当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。CSS 语法@media mediatype and|

2016-08-26 10:17:22 662

转载 jQuery 效果 show() 和 hide()方法

jQuery 效果 - show() 方法定义和用法如果被选元素已被隐藏,则显示这些元素:语法$(selector).show(speed,callback)参数描述speed可选。规定元素从隐藏到完全可见的速度。默认为 "0"。可能的值:毫秒 (比如 1500)"slow""nor

2016-08-25 19:57:58 3374

转载 Javascript getBoundingClientRect()来获取元素在页面的位置

语法EDITrectObject = object.getBoundingClientRect();返回返回值是一个DOMRect对象,这个对象是由该元素的 getClientRects() 方法返回的一组矩形的集合, 即:是与该元素相关的CSS 边框集合 。返回值是一个DOMRect对象,它包含了一组用于描述边框的只读属性——left、top、right和b

2016-08-25 10:07:15 5012

转载 CSS white-space 属性

CSS white-space 属性定义和用法white-space 属性设置如何处理元素内的空白。这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。可能的值值描述normal默认。空白会被浏览器忽略。

2016-08-24 19:21:08 290

转载 CSS3 text-overflow 属性

CSS3 text-overflow 属性定义和用法text-overflow 属性规定当文本溢出包含元素时发生的事情。默认值:clip继承性:no版本:CSS3JavaScript 语法:object.style.textOverflow="ellipsis"

2016-08-24 19:17:46 913

转载 CSS content 属性以及 :before和 :after 伪元素

CSS content 属性定义和用法content 属性与 :before 及 :after 伪元素配合使用,来插入生成内容。说明该属性用于定义元素之前或之后放置的生成内容。默认地,这往往是行内内容,不过该内容创建的框类型可以用属性 display 控制。可能的值值描述none

2016-08-24 11:11:39 2482

转载 CSS user-select

user-select语法:user-select:none | text | all | element默认值:text适用于:除替换元素外的所有元素继承性:无动画性:否计算值:指定值取值:none:文本不能被选择text:可以选择文本all:当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素,

2016-08-24 10:19:18 343

转载 jQuery 遍历 - find() 方法

jQuery 遍历 - find() 方法定义和用法find() 方法获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选。语法.find(selector)参数描述selector字符串值,包含供匹配当前元素集合的选择器表达式。详细说明如果给定一个表

2016-08-23 14:59:56 1421

转载 jQuery fadeIn() fadeOut()淡入淡出效果

jQuery 效果 - fadeIn() 方法定义和用法fadeIn() 方法使用淡入效果来显示被选元素,假如该元素是隐藏的。语法$(selector).fadeIn(speed,callback)参数描述speed可选。规定元素从隐藏到可见的速度。默认为 "normal"。可能的值:

2016-08-23 10:15:23 1165

转载 Math.atan2() 方法

定义和用法atan2() 方法可返回从 x 轴到点 (x,y) 之间的角度。语法Math.atan2(y,x)参数描述x必需。指定点的 X 坐标。y必需。指定点的 Y 坐标。返回值-PI 到 PI 之间的值,是从 X 轴正向逆时针旋转到点 (x,y) 时经过的角度。提

2016-08-21 15:25:29 7294

转载 HTML canvas addColorStop() 、createLinearGradient() 、createRadialGradient() 方法

HTML canvas createLinearGradient() 方法定义和用法createLinearGradient() 方法创建线性的渐变对象。渐变可用于填充矩形、圆形、线条、文本等等。提示:请使用该对象作为 strokeStyle 或 fillStyle 属性的值。提示:请使用 addColorStop() 方法规定不同的颜色,以及在 gra

2016-08-19 20:03:31 6583

转载 CSS颜色---RGB、HSL、Hex 网页色彩码

網頁使用到的色彩標示方法中,從古早時期大家都在用的16進位碼(#000000)、RGB色值標示、HSL色彩標示,其中網頁設計師最常使用的16進位色碼標示法,設計師究竟了解多少?而16進位碼又是如何計算色彩的呢?有沒有辦法直接腦袋就把色彩算出來?HSL色彩該如何運用與記憶?有沒有什麼秘訣或小技巧?一連串的問題就跟著Amos繼續看下去。先來說說RGB色彩 ( RGB color )RG

2016-08-18 10:50:41 1501

转载 CSS3 HSL colors

HSL是一个选择颜色的很直观的方法。如果你需要“再暗一点点儿” 或 “再亮一点点儿”,使用十六进制组合会颇麻烦吧。幸运的是,通过HSL,它就是仅仅一个简单的数字改变。HSL色彩模式是工业界的一种颜色标准,是通过对色调(H)、饱和度(S)、亮度(L)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,HSL即是代表色调,饱和度,亮度三个通道的颜色,这个标准几乎包括了人类视力所能感知的

2016-08-18 10:48:45 514

转载 JavaScript push() 方法

JavaScript push() 方法定义和用法push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。注意: 新元素将添加在数组的末尾。注意: 此方法改变数组的长度。提示: 在数组起始位置添加元素请使用 unshift() 方法。语法array.push(item1, item2, ..., itemX)参

2016-08-17 11:01:32 861

转载 jQuery.delay() 函数详解

jQuery.delay() 函数详解delay()函数用于延迟队列中下一项的执行。delay()可以将队列中等待执行的下一个动画延迟指定的时间后才执行。它常用在队列中的两个jQuery效果函数之间,从而在上一个动画效果执行后延迟下一个动画效果的执行时间。如果下一项不是效果动画,则它不会被加入效果队列中,因此该函数不会对它进行延迟调用。该函数属于jQue

2016-08-17 09:18:10 1579

转载 JQuery的Promise详解 : Promise基础

前言在网站开发中,会经常处理各种事件,如mouseclick/mouseover/click等等。在DOM 0事件模型,采取的事件监听方式是 ele.onclick=handler ,这会导致一个问题,如果想用 hanlder2 来监听 click ,则 hanlder 就会被覆盖,不会执行了,因为一次只能安排一个监听函数。但在DOM 2事件模型中,使用DOM方法中的 addEve

2016-08-16 21:32:08 2039

转载 HTML5 canvas lineCap 和 lineJoin 属性

HTML 5 canvas lineCap 属性定义和用法lineCap 属性设置或返回线条末端线帽的样式。注释:"round" 和 "square" 会使线条略微变长。默认值:buttJavaScript 语法:context.lineCap="butt|round|square";属

2016-08-16 09:36:54 5028 5

转载 HTML 5 canvas globalAlpha 属性

HTML 5 canvas globalAlpha 属性定义和用法globalAlpha 属性设置或返回绘图的当前透明值(alpha 或 transparency)。globalAlpha 属性值必须是介于 0.0(完全透明) 与 1.0(不透明) 之间的数字。默认值:1.0JavaScript 语法:co

2016-08-16 09:24:01 1014 1

转载 HTML 5 canvas globalCompositeOperation 属性

HTML 5 canvas globalCompositeOperation 属性定义和用法globalCompositeOperation 属性设置或返回如何将一个源(新的)图像绘制到目标(已有)的图像上。源图像 = 您打算放置到画布上的绘图。目标图像 = 您已经放置在画布上的绘图。默认值:source-over

2016-08-16 09:20:10 1000

转载 JavaScript toFixed() 方法

JavaScript toFixed() 方法定义和用法toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。语法number.toFixed(x)实例把数字转换为字符串,结果的小数点后有指定位数的数字:var num = 5.56789;var n=num.toFixed(2);n 输出结果:

2016-08-15 21:37:35 279

转载 JavaScript--数据类型

数据类型  JavaScript中有5种简单数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number和String。还有1种复杂数据类型——Object,Object本质上是由一组无序的名值对组成的。 typeof操作符  介于JavaScript是松散类型的,因此需要有一种手段来检测给定变量的数据类型——typeof就是负责提供者方面

2016-08-14 16:41:06 296

转载 jquery中 html() text() val() innerText总结

jquery中 html() text() val() innerText总结jQuery封装的方法html,text,val.html()用为读取和修改元素的HTML标签.text()用来读取或修改元素的纯文本内容.val()用来读取或修改表单元素的value值一看黑体的部分,所以把text和html分为一组,他们都是对元素取值或设置,只有va

2016-08-14 10:39:43 400

转载 HTML Audio/Video DOM timeupdate 事件,play()方法

HTML Audio/Video DOM timeupdate 事件定义和用法timeupdate 事件在音频/视频(audio/video)的播放位置发生改变时触发。该事件可以在以下情况被调用:播放音频/视频(audio/video)移动音频/视频(audio/video)播放位置(即播放时刻点被改变,例如拖动了播放进度条)提示: timeup

2016-08-14 09:59:25 17773

转载 网页头部<meta name="Robots" 用法 及<meta>系列其他用法.

有时候会有一些站点内容,不希望被ROBOTS抓取而公开。为了解决这个问题,ROBOTS开发界提供了两个办法:一个是robots.txt,另一个是The Robots META标签。1,  默认是all其中的属性说明如下: 设定为all:文件将被检索,且页面上的链接可以被查询; 设定为none:文件将不被检索,且页面上的链接不可以被查询; 设定为index:文件将被检索; 设

2016-08-09 19:45:57 756

空空如也

空空如也

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

TA关注的人

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