我在 jquery 中的“curtainX”循环动画有问题。第一个动画似乎在顶部中心缩小,而不是做它应该做的动画。我似乎找不到问题,现在我不知道从哪里开始。我尝试检查动画的不同选项,但似乎无法弄清楚。
<!DOCTYPE html>
<html>
<head>
<style type = "text/css">img{position:absolute;}</style>
<script src = "jquery.js"></script>
<script src = "jquery-ui.js"></script>
<script src = "jquery-cycle.js"></script>
<script src = "text/javascript">
function start(){
$("#blank").cycle({
fx: 'curtainX',
sync: false,
delay: -4000
});
}
</script>
</head>
<body>
<div id = "blank" onclick = "start()">
<img src = "img/blank.gif" style = "z-index:1"/>
<img src = "img/1c.gif"/>
</div>
</body>
</html>