我正在创建一个小游戏,用户从一组项目中进行选择,然后对所选项目进行洗牌并选择一个。
我正在使用 jQuery 循环(http://jquery.malsup.com/cycle/ http://jquery.malsup.com/cycle/)运行主动画并选择一个随机项目(使用随机顺序功能和自定义动画)。
然而,我对项目进行动画处理的方式意味着我需要它们在动画处理时保持可见 - 它们都是绝对定位的。
所以这是问题:有没有办法阻止 jQuery 循环应用 display: none;
开始之前的所有项目?
如有必要,我不介意修改原始脚本来执行此操作。
$('#item-container').cycle({
fx: 'custom',
cssBefore:{
left: 0,
top: 0,
display: 'block',
zIndex: 1
},
animIn: {
left: 200,
top: 200
},
animOut: {
left: 0,
top: 0
},
cssAfter:{
zIndex: -40,
display: 'block'
},
speed: 400,
timeout: 400,
random: 1,
autostop: 1,
autostopCount: 25,
continuous: 1,
slideExpr: 'div.selected'
});
Thanks!