透明背景

摘要: background:#000;background:transparent;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000,endColorstr=#aa000000); /* IE6,IE7 */-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000,endColorstr=#aa000000);/*ie8*/background:rgba(0, 0, 0, 0.5); /* FF3+, 阅读全文
posted @ 2014-01-24 14:28 西瓜真相 阅读(165) 评论(0) 推荐(0) 编辑

javascript节点操作DOMDocument属性和方法(转载)

摘要: 最近发现DOMDocument对象很重要,还有XMLHTTP也很重要注意大小写一定不能弄错.属性:1Attributes 存储节点的属性列表(只读)2childNodes 存储节点的子节点列表(只读)3dataType 返回此节点的数据类型4Definition 以DTD或XML模式给出的节点的定义(只读)5Doctype 指定文档类型节点(只读)6documentElement 返回文档的根元素(可读写)7firstChild 返回当前节点的第一个子节点(只读)8Implementation 返回XMLDOMImplementation对象9lastChild 返回当前节点最后一个子节点(只 阅读全文
posted @ 2013-09-30 11:52 西瓜真相 阅读(226) 评论(0) 推荐(0) 编辑

JavaScript性能优化--创建文档碎片createDocumentFragment(转)

摘要: 《javascript高级程序设计》第六章DOM基础突然看到文档片段,解决很有用分享一下:在浏览器中,我们一旦把节点添加到document.body(或者后代节点)中,页面就会更新并反映出这个变化,对于少量的更新,这是很好的,也是我们常用的方法。代码如下:Js代码Js代码for(vari=0;i<5;i++){varop=document.createElement("span");varoText=document.createTextNode(i);op.appendChild(oText);document.body.appendChild(op);}但是,如果 阅读全文
posted @ 2013-09-27 17:35 西瓜真相 阅读(186) 评论(0) 推荐(0) 编辑

CSS 响应式布局实用技巧

摘要: 1. 响应式Video (demo)响应式video的CSS技巧是由tjkdesign.com发现的。你可以阅读这篇文章来了解它。响应式视频会适应它的容器宽度。Css代码.video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}.videoiframe,.videoobject,.videoembed{position:absolute;top:0;left:0;width:100%;height:100%;}2. Min & Max Width (demo)属性设置了元素的最大宽度。其目的是防止元 阅读全文
posted @ 2013-09-04 13:38 西瓜真相 阅读(1010) 评论(0) 推荐(0) 编辑

聊聊主流框架,Less/Sass/Compass/Bootstrap/H5bp

摘要: 转摘 阅读全文
posted @ 2013-09-04 13:30 西瓜真相 阅读(577) 评论(1) 推荐(0) 编辑

SASS的安装和转换为CSS的方法及使用方法

摘要: SASS的安装方法:1、先安装Ruby,下载地址:http://download.csdn.net/detail/hzf2257/3334439。安装注意事项如下图,装在C盘会比较好,装其它盘也可以。2、打开Ruby的命令符面板,输入: gem install haml 和 gem install sassSASS文件转换为CSS文件的方法:如:在D盘建立一个SASS文件夹,文件夹下有一个style.scss文件(scss,sass都行。sass文件对代码的排版有着非常严格的要求,而且没有大括号,没有分号。scss对代码的要求没那么高。)用下面的方法可以将sass或者scss转换为css文件。 阅读全文
posted @ 2013-09-02 17:27 西瓜真相 阅读(4421) 评论(0) 推荐(0) 编辑

jquery validate 使用方法简单记要

摘要: 1 $("#formID").validate({ 2 onkeyup:false, 3 submitHandler:function(form){ 4 form.submit(); 5 }, 6 rules: { 7 captcha:{required:true,rangelength:[4,4], 8 remote:{ //验证码 9 type:"get",10 url:ctx+... 阅读全文
posted @ 2013-08-27 10:44 西瓜真相 阅读(229) 评论(0) 推荐(0) 编辑

详解js中typeof、instanceof与constructor

摘要: typeof返回一个表达式的数据类型的字符串,返回结果为js基本的数据类型,包括number,boolean,string,object,undefined,function.语法为typeof(data) 或 typeof data instanceof则为判断一个对象是否为某一数据类型,或一个变量是否为一个对象的实例;返回boolean类型 语法为 o instanceof A 阅读全文
posted @ 2013-08-19 18:30 西瓜真相 阅读(187) 评论(0) 推荐(0) 编辑

Javascript刷新页面的几种方法

摘要: Javascript刷新页面的几种方法:1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand('Refresh') 6 window.navigate(location) 7 location.replace(location) 8 document.URL=location.href 阅读全文
posted @ 2013-08-02 11:30 西瓜真相 阅读(186) 评论(0) 推荐(0) 编辑

记录下onpropertychange用法

摘要: onpropertychange事件在用键盘每改变一下文本框的值或用js改变其值便会触发一下,有别于onchange事件,onchange是在键盘改变值并失去焦点(onblur)之后才会触发一下。在监测用户输入多少字时会用到这事件。onpropertychange有兼容性问题,在Firefox下要用oninput事件。 阅读全文
posted @ 2013-06-21 10:42 西瓜真相 阅读(816) 评论(0) 推荐(0) 编辑