Question

我正在使用spritespin插件。请参阅此链接 - http://spritespin.ginie.eu/examples.html

无论鼠标操作如何，spritespin类中的鼠标按下操作都会发生，它将旋转360度

我不想要这个动作。

我需要行动才能被另一个班级控制。

<div class="spritespin"></div>
<div class="left-mov"><a href="#"></a></div>
<div class="right-mov"><a href="#"></a></div>

这里我想通过left-mov或right-mov类的鼠标悬停操作控制spritespin整个动作。

我该如何处理？

任何想法，请指导我....

/* original code starts */
$(".spritespin").spritespin({
     width: 609,
     height: 503,
     frames: frames.length,
     behavior: "hold", // "hold"
     module: "360",
     sense: 1,
     source: frames,
     animate: false,
     loop: false,
     loopFrame: 0,
     frameWrap: false,
     frameStep: 1,
     frameTime: 72,
     enableCanvas: true,
     reverse: false,
     orientation: 'horizontal'
 }).bind("onFrame mouseup mousedown onLoad", function (e) {
     ----------------------------
 });

 /* original code ends */

 /* my code have to start like this */
 $(".left-mov a, .spritespin").mouseover(function (e) {

     // here i dont know how to bind the sprintespin class action, guide me please urgent....

 });
 /* my code ends */

Answer 1

你可以试试这个：

 $(".left-mov a").mouseover(function (e) {
      $(".spritespin").spritespin("prev");         
 });

如果下一个需要：

 $(".right-mov a").mouseover(function (e) {
      $(".spritespin").spritespin("next");         
 });

您可以在此处阅读更多内容：http://spritespin.ginie.eu/examples/api-usage

如何通过另一个类的onclick事件来控制整个类？

1 个答案: