1

这似乎是一个非常基本的问题，因为我不熟悉 jQuery，但我在实现 jquery 循环插件时遇到了一些麻烦。我在 Jquery Cycle Plugin 页面上找到了上一个/下一个的代码：jQuery Cycle Plugin - Intermediate Demos (Part 2) (Previous/Next example)

到目前为止，我有这个 Js Fiddle作为测试

这是我想要的动画效果的 jQuery：

$(document).ready(function() {
  $('#s2').cycle({ 
   fx:     'slideY', 
   speed:   300, 
   timeout: 0, 
   next:   '#next2', 
   prev:   '#prev2' 
  });
});

我有按钮以及一些测试图像，但我无法让按钮的动画正常工作。

我已经阅读了循环选项的文档，但是由于我对 jQuery 不太熟悉，所以我不明白如何让它工作，我已经准备好 fx 和速度，只是让按钮工作是我的问题。

4

1 回答 1

1

使用<a>按钮的标签。例如：

<a id="prev2" href="#">Prev</a>

然后使用 CSS 设置您想要的样式。

确保在 jquery 框架之后包含一次 cycle.js，如下所示：

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
于 2012-05-06T06:06:05.103 回答