原生JS实现jQuery的animate()动画
参数介绍： obj 执行动画的元素 css JSON数值对，形式为{属性名: 属性值}，指要执行动画的书序及其对应值 interval 属性每执行一次改变的时间间隔 speedFactor 速度因子，使动画具有缓冲效...
行内元素的内边距padding和外边距margin不生效
行内元素的内边距对左、右、下起作用。 行内元素的外边距只对左、右起作用。 html head style type = text/css *{ margin : 0 ; padding : 0 ; } .span1 { background : red; margin : 20px ; } .span2 { background : re...
判断图片是否加载完成的多种方法
1、onload事件 !DOCTYPE HTML html head title / title / head body img src = images/background.png p loading... / p script type = text/javascript document .getElementsByTagName( img )[ 0 ].onload = function () { document .getElementsByTagNa...
打开页面时浏览器渲染页面的过程
1、以HTML页面为例描述HTML页面渲染的过程 1) 用户输入网址，浏览器向服务器发出请求，服务器返回HTML文件； 2) 浏览器开始载入HTML代码，若head标签内有一个link标签引用外部CSS文件，则...
原生JS和jQuery操作DOM的示例
一、创建元素节点 1、原生JS创建元素节点 document .createElement( div ); 2、jQuery创建元素节点 $( div/div ); 二、创建并添加文本节点 1、原生JS创建文本节点 var text = document .createTextNode( Hello W...
jQurey实现图片，falsh，iframe，JS懒加载技术
Lazy Load是一个用JavaScript编写的jQuery插件，可以延迟加载长页面中的图片。在浏览器可视区域外的图片不会被载入，只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让...
CSS3的box-sizing属性的作用及使用
先用大白话通俗说一下，先给div设置宽高为200px,这是在加上padding：10px; , 此时div宽高加上padding值后实际宽高变成了220px（等于上下左右各加了10px的padding）,那么我又给div加了一个border...
HTML5中使用<output>输出标签
output 标签的属性： for 定义输出字段相关的一个或多个元素 form 定义输入字段所属的一个或多个表单。 name 定义对象的唯一名称（表单提交时使用） form ninput = x.value=parseInt(a.value)+pars...