我刚写的一个图形化显示排序，大家帮忙看看

放在我的博客上了，地址：
http://www.zlong.org/js-practice/imgswap.html

暂时只有冒泡排序和快速排序，其他的以后会加上。

现在加上了合并排序，这个稍微有点麻烦，冒泡和快速有交换的，这个没有，不过还好，解决了。

加上了速度选择。

加上了堆排序、选择排序和插入排序。

这里的step并不是很准确，因为如在数组中，将a[10]插入到a[1]和a[2]之间，需要将a[2]到a[9]的元素全部后移，再将a[10]放到a[2]上，在页面中，只需要将a[10]直接插入到a[2]之前就行了。

评论

14 楼 laitaogood 2011-04-01  

哈，我开始还以为是楼主盗用日本那个程序员写的那个图形化排序算法呢。。。
那个网站我是在coolshell看到的

13 楼 Aaronlong31 2011-04-01  

fyland 写道

很不错，有创意，值得推荐！
不过在IE6下有点问题！

谢谢提醒。
由于我使用了Array的indexOf方法，IE6没有提供这个方法，所以我自己写了一个；
还有IE6下CSS样式有点问题，也改了，现在你可以在IE6下看了。

12 楼 Aaronlong31 2011-04-01  

bureaucrat 写道

哥，你用什么写的啊？merge sort 啥的要不要加上？
有个博客挺好的，你可以参考以下

可视化的排序过程：
http://coolshell.cn/articles/3933.html

现在把merge sort加上去了。

11 楼 nplw668 2011-04-01  

很好，很形象。
牛！

10 楼 sheep3600 2011-04-01  

Radix Sort Algorithm
这个很爽，玩玩吧，都是applit做的

9 楼 sheep3600 2011-04-01  

给你个参考，可以参考这个来。
http://www.cs.ubc.ca/~harrison/Java/sorting-demo.html

8 楼 squirrelRao 2011-04-01  

很不错～！！Mark~~！

LZ可以继续开发加功能和效果上去，能做一个开源的东东也好，既可以提供给初学者学习，也适合有工作经验的人学习和扩充。

7 楼 xiaohui886688 2011-04-01  

挺牛奔！！！

6 楼 fyland 2011-04-01  

很不错，有创意，值得推荐！
不过在IE6下有点问题！

5 楼 Aaronlong31 2011-03-31  

bureaucrat 写道

哥，你用什么写的啊？merge sort 啥的要不要加上？
有个博客挺好的，你可以参考以下

可视化的排序过程：
http://coolshell.cn/articles/3933.html

我看的就是日本的那个网站，当时想看源代码的，不过东西太多，不知道看哪，所以就自己写个了，看我的代码很简单，用了点jquery。

4 楼 ONEBOYS 2011-03-31  

bureaucrat 写道

可视化的排序过程：
http://coolshell.cn/articles/3933.html

3 楼 bureaucrat 2011-03-31  

哥，你用什么写的啊？merge sort 啥的要不要加上？
有个博客挺好的，你可以参考以下

可视化的排序过程：
http://coolshell.cn/articles/3933.html

2 楼 Aaronlong31 2011-03-31  

clue 写道

有创意，赞个！

用来当排序算法演示很不错

谢谢了！我同事也说用这个演示算法很直观，特别是给初学算法的人。

1 楼 clue 2011-03-31  

有创意，赞个！

用来当排序算法演示很不错