摘要： 关键字: 拖放效果系列原文来自：http://www.cainiao8.com/web/js_examples/22_tuozhuai5.htmlJavaScript拖拽的性能问题在一次距离适中的拖拽过程中，鼠标的mousemove事件可能要触发成百上千次（不信的话可以在“addEventSimple观察鼠标事件”那个例子里测试一下）。而拖拽脚本要做的恰恰是响应mousemove事件，那么是不是会很耗费资源呢？我们来问问资源管理器吧。说明一下，我测试用的浏览器为FireFox。首先，非拖拽的时候，资源管理器截图如下：CPU占用率在0-2之间跳动，0的时间较长。之后，我们来看看拖拽状态下的CPU 阅读全文

摘要： 使用js操作css属性的写法是有一定的规律的：1、对于没有中划线的css属性一般直接使用style.属性名即可。如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position等。2、对于含有中划线的css属性，将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。如：obj.style.marginTop，obj.style.borderLeftWidth，obj.style.zIndex，obj.style.fontFamily等。这个规律我想大多数的前端开发者也都熟知。对在css中有一个特殊的属性其js使用方法确 阅读全文

摘要： 1.element要用getElementById or ByTagName来得到，2.setAttribute("class", vName)中class是指改变"class"这个属性，所以要带引号。3.IE中要把class改成className,.....IE不认class,所以最好写两句，都用上吧。W3C DOM - {setAttribute()}setAttribute(string name, string value)：增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。1、关于class和classNameclass属性在W 阅读全文

摘要： 在Dom Level1中没有定义事件模型，在Dom Level2中定义了事件模型一个较小的子集，在Dom Level3（2004）中事件才被完整定义。（转帖请注明出处：http://blog.csdn.net/lenel） 由于IE还没有对于Dom Level1的完整支持，所以当前的浏览器主要存在IE和DOM两种不同的事件模型。这直接导致了事件处理成为JS跨浏览器编程中差异最大的部分。还好除 了IE之外，Mozilla FireFox、Opera、Safari都统一实现了Dom Level2定义的事件模型。 本文尝试总结关于事件处理的所有相关要点，包括添加删除事件、得到事件对象、得到触发事件的 阅读全文