很少做课件，平时上课使用的教学软件比较随意，常常用ppt当板书软件，边打字边划线，倒也简单实用。
上“排序”一节时，我总在想：应该怎么演示这些数据交换的过程呢？去年我和舒春平是用扑克牌的，也试过用纸牌在黑板上移动，甚至让每个组的同学手里拿一张数字牌，进行交换移动，曾经看过某老师让学生上台进行交换。但是冒泡毕竟类似一种自上而下或者自下而上的过程，平行排列总不是很形象。于是意识到应该做一个课件了。
因为最近关注AJAX，所以还是用js来实现，使用了dbx.js拖动窗口效果。这个djx还是我从博客系统中挖出来的，颇费了一番功夫。本来想让要排列的数字可以根据需要自动初始化，后来发现有点麻烦，下次再改吧。
课件说明：对5组数字进行排序手动演示，能记录每一次排序后的数字状态。
关于djx的一些介绍：
1.dbx具有动态拖拽效果,并且可以按照网格对齐,可以隐藏显示指定列表,对特殊定义的class自动实现拖拽效果方便快捷,对层设置class=dbx-box,dbx-handle就可以了
2.此js文件支持 Opera 7.5 以后版本, Firefox和其他Mozilla浏览器,Safari1.2以上的版本, Konqueror 3.2以上的版本,和开启js的Internet Explorer 6,支持的还是比较多的.经过我的测试,在IE7下也同样支持.
3.每个box的状态和位置是由cookie来记录的,只要状态或者位置发生变化,cookie就会去记录改变,当页面再次请求被访问的时候,通过cookie可以实现上次访问的状态,所以这个js东东可以成功的运用在各种具有私人性质的需要此拖拽功能的网络wen应用程序上,说白了,也就是可以通过javascript的cookie去记录用户拖拽的信息,在用户下次登陆的时候通过读取cookie,来复现上次访问的状态
4.除了以上的说明外,本js脚本还可以成功的更容易的运用到其他的大型复杂的系统中,例如利用dragable元素作为数据输入界面.与远程脚本互动(比如利用xmlhttprequest) ,你也可以将此js脚本作为控制界面拖拽元素的工具来实现几乎任何客户端或服务器端的应用:网站导航,游戏,CMS,论坛管理,服务管理等,可能性是无止境的.这一段大概就自夸本脚本可以实现很多其他扩展
e文好的话就看下面的原文或者去官网看看
http://www.brothercake.com/site/resources/scripts/dbx
