循环 Jquery + mouseover/mouseout 事件

Question

我正在尝试使用 .circulate
我希望动画停止（暂停）/onmouseover/onmouseout 时继续

这是来自https://css-tricks.com/examples/Circulate/的代码

html:

<div id="sphere-area" >
<img src="a.png" alt="ball" id="orange-ball" />
alt="" />
</div>



Js:

function startBallOne() {
$("#orange-ball").circulate({
    speed: 4000,
    height: 100,
    width: -880,
    sizeAdjustment: 40,
    loop: true,
    zIndexValues: [1, 1, 3, 3]
});
}

我试过了

$("#orange-ball").mouseout(circulate(...

或

$("#orange-ball").mouseover(function(){
$(this).circulate

但没有任何效果..

有什么想法吗？

TIA

Answer 1

试着把你的 JS 代码放在$(doument).ready() 函数中。

$(document).ready(function(){
    function startBallOne() {
        $("#orange-ball").circulate({
            speed: 4000,
            height: 100,
            width: -880,
            sizeAdjustment: 40,
            loop: true,
            zIndexValues: [1, 1, 3, 3]
        });
    }
});