摘要：
一、开篇 在写了前几篇拖拽过后，有不少朋友留言说如果将拖拽结果持久化将会更好。在了解了Javascript对Cookie的操作还有一点JSON知识过后，修改了上一篇文章的代码，可以将结果保存在客户端Cookie，每次打开页面就可以载入上次拖拽的数据，得到上次的拖拽布局。 查看示例 二、原理 首先添加了两个方法：setCookie和getCookie，分别用来添加/修改... 阅读全文
摘要：
一、浅拷贝： 如果是值类型，则拷贝值；如果是引用类型，则拷贝引用地址。 Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->Object.prototype.shallowClone = function(){ var obj = new... 阅读全文
摘要：
用Table布局可以很容易的实现文字和图片的垂直居中，但是在div的布局中呢，要实现定高容器里面的内容的垂直居中不是太简单的事情。 在DOM标准中 在IE中 综合 Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->#boxOuter {... 阅读全文
摘要：
一、开篇 似乎拖拽已经被写烂了，没得写的了，可是我这次又来了～ 上一次写的是跨列拖放，这次我要带给大家的是跨页拖放。 可以到这里来看看效果：示例效果 说明：1、如果将方框拖动到页签上立刻释放掉的话，则会被添加到该页的第一列的第一个位置； 2、如果将方框拖动到页签上并且停留片刻的话，则页面就会转换到该页，这个时候可以在页签上释放，也可以将方框拖动到此页的具体位置释放。 二、原理 ... 阅读全文
摘要：
一、开篇 （以下文字一部分来自于整理的书籍内容，一部分则是总结自经验） 众所周之，JavaScript是面向对象的语言。JavaScript的对象有三种：本地对象、内置对象、自定义类的对象。 其中本地对象和内置对象都是独立于宿主由ECMAScript实现的。这里所说的本地对象和内置对象实际上跟.Net中的类的概念相似。本地对象和内置对象的区别在于本地对象在使用时要实例化，而内置对象就像所... 阅读全文
摘要：
一、开篇 现在的网站的主体部分很多都采用了列布局，常见的情形如下： 在ASP.NET中，每个页面重复的部分可以写在MasterPage中去（比如上图中header、footer以及body的外框）。 那么body里面的列布局到底写到MasterPage里面还是在每个页面都写一次呢？ 在我看来有三种方式： 1、在MasterPage中只写body的外框，body里面的列布局由每个页面自己来写，这... 阅读全文
摘要：
一、开篇 这是这个拖拽系列的第三篇了，第一篇简单的介绍了一下这个拖拽框架，第二篇用这个框架做了一个Tab标签的拖放。这次用这个拖拽框架做一个更复杂一点的效果——跨列拖放。就像iGoogle和netvibes的个性页面布局那样。 二、原理 框架在第一篇做了介绍，这里直接使用。 首先要找到每个可以拖动的item，对于每个拖动的item，对其注册组件Drag.init(handle,dr... 阅读全文
摘要：
一、开篇 在上一篇中，似乎不出来这个框架有多强大。是因为我们实现的效果太简单了，还不足以体现框架的强大和灵活，在这一节中，用这个灵活的框架轻易的来实现拖放！ 二、原理 框架的原理在上一篇文章中介绍了，这里就不在重复，直接开始使用这个框架了 首先通过Drag.init来注册拖动组件； 分析： 1、拖动开始的时候 将dragGhost插入到鼠标拖动的那个元素，鼠标拖动的元素的posit... 阅读全文
摘要：
一、开篇 最近在做js拖拽的时候，发现了一个强大而又灵活的拖拽框架，（之前用了代码混淆器，还好代码比较短，我就翻译过来了）利用这个框架不仅能实现简单的拖动，更能轻易的实现各种复杂的拖放功能。这一篇先实现最简单的拖拽，稍微复杂的拖放将在后面的文章里写出来。 二、代码 先把代码贴出来 Code Code highlighting produced by Actipro CodeHighlighte... 阅读全文
摘要：
1、 链接样式定义的顺序： a:link a:visited a:hover a:active 2、 IE下块元素float时，margin要加倍： 解决办法是：在浮动元素上加上display:inline; 3、 透明度的设置 opacity: .8;（ff下的设置） filter: alpha(opacity=80);（ie下的设置） 4、 ie中的空div是会有一定高度的。 5、 ... 阅读全文