0

我在 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>

您可以在http://vrbj.webs.com/flipTest.html查看演示

4

2 回答 2

0

这似乎是与没有宽度和高度有关的问题。

我在这里重写了代码

删除宽度和高度会导致您的问题。

你可以解决改变:

img{position:absolute;}

img{position:absolute; width: 59px; height: 74px;}

还要考虑一下您编写代码的方式,看看我所写的内容。您的代码是正确的,但编写方式不如小提琴中的“插件兼容”。

于 2013-04-05T15:26:42.157 回答
0

标签中的函数在需要时被调用。尝试在标签中移动您的 start 函数并将其放在 $(document).ready(your function ) 调用中

于 2013-04-05T15:43:57.987 回答