我有一个循环的动画,但是一旦它再次开始,它的位置就会改变到它的正上方。这是CSS和函数..
<style type="text/css">
#pic one, #pic two {
position: absolute;
display:none;
width: 118px;
height:114px;
}
#pics {
width: auto;
height: auto;
padding-left:873px;
padding-top:416px;/*416*/
resize:150%;
position: absolute;
top:-116px;/*516*/
}
</style>
<script type="text/javascript">
$(document).ready(function() {
function animate() {
$('#picOne').fadeIn(1000).delay(3000).fadeOut(1000);
$('#picTwo').delay(5000).fadeIn(1000).delay(3000).fadeOut(1000);
}
animate();
setInterval(animate, 10000);
});
</script>
然后这就是它的应用方式......
<html>
<body>
<div id="pics">
<img src="assets/arrows2.png" width="118" height="114" id="picTwo" style="z-index:100%"/>
<img src="assets/arrows.png" width="118" height="114" id="picOne" style="z-index:100%"/>
</div>
</body>
</html>
CSS中可能存在冗余,但它有效......有点......如果你能提供帮助,我们将非常感谢,谢谢。
编辑:除了循环它之外,我已经完成了回调并且它做了同样的事情,因此它很可能不该函数。