html5跳动的心电图,jquery制作心电图跳动特效

2021年6月29日 6点热度 0条评论 来源: Mu Tian

1.[代码][JavaScript]代码

var parts = 100; //切割数量

var imgIndex = 0; //当前图片

$(function(){

var op = {

width_mt : 523, //外框容器宽度.(与图片宽度一致)

height_mt: 425, //外框容器高度.(与图片高度一致)

imgurl: 'images/6653149820121121163347025.jpg' //默认图片.

};

var cut_w = op.width_mt/parts; //小块宽度

var cut_h = op.height_mt; //小块高度

var $this = $(".slide_Box_mt");

//设置小div进行图片切割.

for(var i=0;i

var div1 = '

>

';

$this.append(div1);

}

$(".scut_mt").css({opacity:0});

Jump();

});

function Jump(){

$(".scut_mt:eq("+imgIndex+")").animate({opacity:1},50,function(){

$(".scut_mt:eq("+imgIndex+")").animate({opacity:0.3},50,function(){

if(imgIndex

imgIndex++;

Jump();

}else{

imgIndex=0;

$(".scut_mt").css({opacity:0});

Jump();

}

});

});

}

    原文作者:Mu Tian
    原文地址: https://blog.csdn.net/weixin_29032489/article/details/118351790
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。