Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在jQuery中创建块转换_Javascript_Jquery_Transition_Effect - Fatal编程技术网

Javascript 如何在jQuery中创建块转换

Javascript 如何在jQuery中创建块转换,javascript,jquery,transition,effect,Javascript,Jquery,Transition,Effect,在jQuery中创建块转换的最佳方法是什么?有没有提供这种转换的插件(只有转换,我不想要有这种转换的图像库!) 我正在寻找类似于或对角扩展块转换的东西 第一个链接的问题是,当使用更多的块时,它非常慢。我不知道如何在第二个链接上创建转换。如果将此代码添加到第144行的blockster.js中,则会有更多块同时衰减 /* ------------------ | ANIMATION - with all blocks built, set an interval to turn them all

在jQuery中创建块转换的最佳方法是什么?有没有提供这种转换的插件(只有转换,我不想要有这种转换的图像库!)

我正在寻找类似于或对角扩展块转换的东西


第一个链接的问题是,当使用更多的块时,它非常慢。我不知道如何在第二个链接上创建转换。

如果将此代码添加到第144行的blockster.js中,则会有更多块同时衰减

/* ------------------
| ANIMATION - with all blocks built, set an interval to turn them all on, one by one.
| When all blocks in position, and all have finished anim (if fade rather than simple)
|   - kill int
|   - shuffle slides so the one our blocks contain parts of is genuinely topmost
|   - remove blocks
------------------ */
    var simultaneous = 5;
for(var i = 0; i < simultaneous; ++i)
{
    addTimer(nextSlide, thiss, i, simultaneous);
}
}

function addTimer(nextSlide, thiss, i, simultaneousBlocks)
{
    setTimeout(function()
    {
    var animInt = setInterval(function() 
        {
        if(thiss.params.holder.children('.block:not(:visible)').length > 0)     
            {
            var blocks = thiss.params.holder.children('.block:not(:visible)');
        with($(blocks.get(!thiss.params.random ? 0 : Math.floor(Math.random() * blocks.length)))) thiss.params.animType == 'simple' ? show() : fadeIn(thiss.params.blockAnimSpeed);
    }
    else if ($('.block:animated').length == 0) 
            {
        clearInterval(animInt);
        nextSlide.siblings().hide();
        nextSlide.show();
        $('.block').remove();
        }
    }, thiss.params.blockAnimSpeed);
}, (thiss.params.blockAnimSpeed / simultaneousBlocks) * i);     
}
/*------------------
|动画-构建所有块后,设置一个间隔以逐个启用它们。
|当所有块就位,并且所有块都已完成动画(如果是淡入淡出而非简单)
|-kill int
|-洗牌幻灯片,使我们的区块包含的部分真正位于最上面
|-移除块
------------------ */
var=5;
对于(变量i=0;i<同时;++i)
{
addTimer(下一个滑动、这个、我、同步);
}
}
函数addTimer(nextSlide、this、i、simultaneousBlocks)
{
setTimeout(函数()
{
var animInt=setInterval(函数()
{
if(thiss.params.holder.children('.block:not(:visible')).length>0)
{
var blocks=thiss.params.holder.children('.block:not(:visible');
使用($(blocks.get(!thiss.params.random?0:Math.floor(Math.random()*blocks.length)))thiss.params.animType=='simple'?show():fadeIn(thiss.params.blockAnimSpeed);
}
else if($('.block:animated')。长度==0)
{
清除间隔(animInt);
nextSlide.sibbins().hide();
nextSlide.show();
$('.block').remove();
}
},这是参数(速度);
},(此S.params.blockAnimSpeed/同时块)*i);
}