摘要：
拖拽三部曲：1、可以指定标题栏作为移动区域，默认整个移动物体都可以拖动2、可以设置移动范围，当前移动物体相对于某个区域内范围内移动,默认整个页面内拖动View Code 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 & 阅读全文
摘要：
拖拽三部曲： 鼠标移动时，为其添加css样式。 鼠标抬起时，移除css样式。 可以设置水平移动、垂直移动、禁止移动。View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title> 阅读全文
摘要：
拖拽三部曲： 1、鼠标按下：获取鼠标当前按下的位置，阻止浏览器默认行为，添加监听事件，清除浏览器默认选择的文本，处理IE在容器内的鼠标事件被容器捕获。 2、鼠标移动：获取鼠标位置，设置对象的位置，阻止浏览器默认行为。 3、鼠标抬起：移除事件监听。View Code 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns= 阅读全文
摘要：
拖拽三部曲原理： 1、鼠标按下； 2、鼠标移动； 3、鼠标抬起。View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>Drag一步一步理解拖拽</title> 阅读全文
摘要：
getBoundingClientRect来获取页面元素的位置详细见：http://www.cnblogs.com/qieqing/archive/2008/10/06/1304399.html//获取页面元素的位置 function getElemPos(obj) { if (obj.getBoundingClientRect) { // 当浏览器支持getBoundingClientRect方法时采用 var pos = obj.getBoundingClientRect(); return { x: pos.left + Math.max(document.documentElement 阅读全文
摘要：
定义和用法left属性规定元素的左边缘。该属性定义了定位元素左边距边界与其包含块左边界之间的偏移。注释：如果“position”属性的值为“static”，那么设置“left”属性不会产生任何效果。类型：string 状态：可读可写 js：elem.style.leftoffsetLeft属性返回当前元素的左边界到它的包含元素的左边界的偏移量，以像素为单位。类型：int 状态：只读 js：elem.offsetLeftwidth属性规定元素的宽度类型：string 状态：只读 js：elem.style.widthoffsetWidth返回元素的宽度，以像素为单位。包括padding，bord 阅读全文
摘要：
几个主要节点类型： ELEMENT_NODE = 1; 元素节点 TEXT_NODE = 3; 文本节点 DOCUMENT_NODE = 9; 文档节点在IE中会自动过滤掉空白文本节点 elem.previousSibling 在FireFox，Chrome等浏览器中可能会包含空白文本节点 elem.previousSibling --- [object text] function prev(elem) { //获取当前节点的上一个元素节点 do { elem = elem.previousSibling; } while (elem && elem.nodeType != 阅读全文
摘要：
JQuery中获取CSS样式css(name)：访问第一匹配元素的样式属性css(name,value)：在所有匹配的元素中，设置一个样式属性的值css(properties)：把一个“名/值对”对象设置为所有匹配元素的样式属性css(name,function(index,value))：在所有匹配的元素中，设置一个样式属性的值-------------------------------------------------------------------------------------Javascript中获取样式的值 function css(obj, attr, value) 阅读全文
摘要：
Jquery中关于操作属性及属性值的介绍attr(name)：取得第一匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性值。如果没有返回空。attr(key,value)：为所有匹配的元素设置一个属性值。attr(properties)：将一个“名/值”形式的对象设置为所有匹配元素的属性。这是一种在所有匹配元素中批量设置很多属性的最佳方式。例如：$("#test").attr({"name":"呵呵","value":"你好"});attr(key,function(inde 阅读全文
摘要：
DOM事件流包括三个阶段：事件捕获阶段、处于目标阶段和事件冒泡阶段事件捕获（event capturing）的思想是从不太具体的节点应该更早接收到事件，而最具体的节点应该最后接收到事件。事件冒泡（event bubbling）事件开始时由最具体的元素接受，然后逐级向上传播到较为不具体的节点。弱耦合性思想是将HTML和javascript分离开来最初DOM采用方式：绑定事件： elem.type=fn(){} // 元素名.事件类型=函数名（）{} 事件类型 type例如onclick移除事件： elem.type=null;DOM2采用方式：绑定事件： addEventListener（ele 阅读全文