深入解析CSS样式层叠权重值
本文为转载内容,源地址:http://www.ofcss.com/2011/05/26/css-cascade-specificity.html读到《重新认识CSS的权重》这篇,鬼哥在文章最后给出了便于记忆的顺序:“important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符”那么这个顺序是怎么得出来的呢?实际上在CSS2规范关于具体性(specificity)的定义中,描述是非常明确的,但是很多中文版本的css图书中采用了10进制的简单相加计算方式(包括第一版《CSS权威指南》,第二版中已经...
学习记录:CSS选择器归纳
一、通配符选择器: 用于匹配任意元素或某元素下的所有元素。 示例:* {
margin: 0;
padding: 0;
} 兼容性:所有浏览器均支持。 二、ID选择器: 用于匹配含有制定id的元素。使用ID选择器之前需要在HTML元素上定义ID名。 示例:#left_nav&n...
文档和元素的大小和滚动条
一、窗口的大小:
w = w || window;
if (w.innerWidth != null) return {width: w.innerWidth, height: w.innerHeight};
if (document.compatMode == "CSS1Compa...
jQuery的Ajax应用
一、Ajax简介:AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。它有机地包含了以下几种技术: Ajax(Asynchronous JavaScript + XML)的定义; 基于web标准(standards-based presentation)XHTML+CSS的表示; 使用 DOM(Document Object Model)进行动态显示及交互; 使用 XML 和...
jQuery队列控制方法详解
本文转载自jQuery队列控制方法详解queue()/dequeue()/clearQueue()@Mr.ThinkjQuery核心中, 有一组队列控制方法, 这组方法由queue()/dequeue()/clearQueue()三个方法组成, 它对需要连续按序执行的函数的控制可以说是简明自如, 主要应用于animate ()方法, ajax以及其他要按时间顺序执行的事件中.先解释一下这组方法各自的含义.queue(name,[callback]): 当只传入一个参数时, 它返回并指向第一个匹配元素的队列(将是一个函数数组,队列名默认是fx); 当有两个参数传入时, 第一个参数还是默认为...
一些JavaScript跨浏览器的事件处理函数积累
1.一个通用的事件处理函数:
if (eventTarget.addEventListener) {
eventTarget.addEventListener(eventType, eventHandler, false);
} else if (eventTarget.attachEvent) {
...
一些JavaScript基础和同源策略
在HTML中嵌入JavaScript的四种方法:· 内联,放置在<script>和</script>标签对之间;· 放置在由<script>标签的src属性指定的外部文件中;· 放置在HTML事件处理程序中,该事件处理程序由onclick这样的HTML属性值指定;· 放在一个URL里,这个URL使用特殊的"javascript:"协议。JavaScript程序执行的两个阶段:· 第一个阶段:载入文档内容,并执行<script>元素里的代码。· 第二个阶段:当文档加载完毕并且所有脚本执行完成后,则进入该阶段。这个阶段是异步...
jQuery事件委托
一、JavaScript事件流:JavaScript与HTML之间的交互是通过事件实现的。事件即是文档或浏览器窗口中发生的一些特定的交互瞬间。DOM事件标准定义了两种事件流:事件捕获和事件冒泡。对于事件捕获,事件的处理将从DOM层次的根开始,而不是从触发事件的目标元素开始,事件被从目标元素的所有祖先元素依次往下传递。在这个过程中,事件会被从文档根到事件目标元素之间各个继承派生的元素所捕获。而事件冒泡是当事件在某一DOM元素被触发时,例如用户在客户名字节点上点击鼠标,事件将跟随着该节点继承自的各个父节点冒泡穿过整个的DOM节点层次,直到它遇到依附有该事件类型处理器的节点二、jQuery事件...
学习笔记:HTML5 Canvas(一)
最近在学习HTML5 Canvas,这里记录一些基础方法的总结:HTML5中的canvas元素是作为2D渲染上下文的包装器,它包含绘图的图形操作所需要的全部方法和功能。· 访问2D渲染上下文: var canvas = $('#Canvas'); var context = canvas.get(0).getContext("2d");· 绘制矩形并填充颜色: context.fillStyle = "rgb(255, 0, 0)"; &nb...
解决IE6下png不能透明的问题
IE6是不能支持png的透明效果的,为了解决这个问题,我使用的是DD_belatedPNG,可以支持图片或背景。
1.首先下载DD_belatedPNG_0.0.8a-min.js(官方下载);
2.上传到站点js目录下;
3.在页面中添加以下代码:
<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('...