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);
});
本站资源仅限于学习研究，严禁从事商业或者非法活动!
源码搜藏网所有源码来自互联网转载与用户上传分享，如果侵犯了您的权益请与我们联系，我们将在24小时内删除！谢谢！
上一篇：jquery制作精美的评分插件
下一篇：jquery图片叠加点击轮换效果
jQuery百度搜索自动补全插件jQuery特效下载排行
-
2016-12-18
-
2014-05-26
-
2016-04-25
-
2014-10-31
-
2017-02-10
-
2015-10-26
-
2017-03-24
-
2016-12-18
最新文章
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
热门源码
