数码资讯
动画动画示例(眼泪运行儿童)和停止和延迟使用
复制代码代码如下所示: IMG { 宽度:150px; 身高:200px; 职位:相对; } TD {宽度:150px;高度:200px;} { border: solid 1px黑色表;} $(函数(){()) $('img)。Click(function(){) $(这)。动画(左:{+= 15
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
复制代码代码如下所示:
IMG
{
宽度:150px;
身高:200px;
职位:相对;
}
TD {宽度:150px;高度:200px;}
{ border: solid 1px黑色表;}
$(函数(){())
$('img)。Click(function(){)
$(这)。动画(左:{+= 150px},2000。动画(左){+= 150px},2000。动画(上){+= 200px},2000。动画(左){= 150px},2000。动画(左){= 150px},2000。动画(上){+= 200px},{左2000 }+=:150px(。动画)2000。动画(左){+= 150px},2000);
})
停止动画,当一个元素有一个动画队列时,停止当前动画,然后执行动画。
$(# btnstop)。Click(function(){)
$('img)停止();
})
$(# btnyanchi)。Click(function(){)
$('img)。Delay(2000)藏(2000);
})
})
IMG
{
宽度:150px;
身高:200px;
职位:相对;
}
TD {宽度:150px;高度:200px;}
{ border: solid 1px黑色表;}
$(函数(){())
$('img)。Click(function(){)
$(这)。动画(左:{+= 150px},2000。动画(左){+= 150px},2000。动画(上){+= 200px},2000。动画(左){= 150px},2000。动画(左){= 150px},2000。动画(上){+= 200px},{左2000 }+=:150px(。动画)2000。动画(左){+= 150px},2000);
})
停止动画,当一个元素有一个动画队列时,停止当前动画,然后执行动画。
$(# btnstop)。Click(function(){)
$('img)停止();
})
$(# btnyanchi)。Click(function(){)
$('img)。Delay(2000)藏(2000);
})
})
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。