links for 2006-07-31

links for 2006-07-20

Drag & Drop

毕竟我的编程经验少,上次的拖动程序弊病很多的:一、拖动不流畅,程序过于复杂,页面数据过大时会出现瞬间的白屏;二、如果板块高度不够,会出现无法拖动的状态;三、不支持FireFox,在FireFox下拖动,运行轨迹会出现偏差,CSS与Javascript的跨浏览器贯通还是不熟练。还好我的设计任务已经完成,在新任务到来之前还有一段时间去研究Drag & Drop的问题。

发现很多英文网站上都在讲解Drag & Drop的原理,在AsH的msn space中就有一篇Ajax教程的总结,其中就有Drag & Drop的几个链接,推荐两个开源js代码。

一个是tool-man的教程,可以在这里直接下载到他的源代码,虽然是英文的,但应用方法浅显易懂,以下就是两个例子,我提取出来了对我有用的部分:

例一 例二

拖动稳定流畅,我计划改进这个程序来实现我需要的拖动效果,其实主要还是因为代码较少的缘故。

Rico也是一个相当好的开源Js库,这里有若干拖动应用的例子,实验了一下也是相当好用,而且还有恢复原位的动画效果,但是下载他的代码后发现程序太多了,还有很多应用不上的function,像我这样的懒家伙还是找个简单的学习一下吧,刻苦中……