当前位置：首页 > 网页特效 > jQuery特效 >

jquery快速排序算法动画特效

时间：2014-05-17 16:07 来源：互联网作者：源码搜藏浏览：次收藏挑错推荐打印

效果预览进入下载地址列表

jquery快速排序算法动画特效jquery快速排序算法动画特效是一款冒泡排序算等动画演示运算排序过程。jquery算法排序柱状图动画效果

var $isAnimat,$speed;

$("#select>:button").click(function() {

//父容器

var $box = $("#box");

$box.empty();

//算法;

var selects = $("#algorithm").val();

//附加动画;

$isAnimat = $('#isAnimat').is(':checked');

//执行速度

$speed = $('#speed').val();

//子元素个数;

var $max = $("#num").val();

//子元素宽度;

var $width = (1e3 - $max * 2) / $max;

//获取一个随机数数组 length=200(父容器的宽度/元素的宽+边框) 500最大高度,10最小高度;

var H = getRandom(10, 500, $max);

//添加演示用容器

var i = 0;

var time = window.setInterval(function() {

if (i >= H.length) {

window.clearInterval(time);

selectAnimate(H, selects);

$("#select").slideUp();

}

var $child = $('<div class="test"></div>');

var height = H[i] + "px";

var left = i * ($width + 2) + "px";

$child.css({

height:height,

left:left,

width:$width

}).appendTo($box);

i++;

}, 10);

});

jquery快速排序算法动画特效由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jQuerytexiao/7735.html 源码搜藏承诺：本站所有资源无病毒，无弹窗，无干扰链接！

标签：网站源码 jquery 动画效果

下一篇：jquery图片叠加点击轮换效果

分享精神，快乐你我！联系QQ:498277184

本站资源是从网络整理所得,如果无意侵犯了贵司版权，请与源码搜藏网联系，我们会及时处理和回复，谢谢!