Javascript 如何在jQuery中创建块转换
在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
第一个链接的问题是,当使用更多的块时,它非常慢。我不知道如何在第二个链接上创建转换。如果将此代码添加到第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);
}