jquery循环curtainX无法正常工作

问题描述：

我在jquery中遇到了一个'curtainX'循环动画的问题。第一个动画似乎缩小了顶部中心，而不是做它应该的动画。我似乎无法找到问题，现在我不知道从哪里开始。我试图检查动画的不同选项，似乎无法弄清楚。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

答

观看演示这似乎是与缺乏一个宽度和高度的问题。

我已经重写代码here

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

可以解决发生变化：

img{position:absolute;}

到

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

也考虑您已经编写代码的方式，采取在厕所我写的是什么。你的代码是正确的，但写的方式不如小提琴的“插件兼容性”。

答

标签中的功能在需要时被调用。尝试在标签内移动你的启动函数，并把它放在$（document）.ready（你的函数）调用中

jquery循环curtainX无法正常工作

相关推荐