让JQuery滑块在鼠标悬停时停止

我有一个jQuery滑块，在加载页面时自动滑动。当鼠标悬停在滑块上时，如何使滑块停止

我使用以下jQuery代码：

  var my_jQuery = jQuery.noConflict(true);

  window.onload = function () {

        // added  by pesach

        var totalWidth=0;
        var numItems=0;
        my_jQuery('li', 'div#scroll_Bar').each (function() {

        totalWidth = totalWidth + my_jQuery(this).outerWidth() + 1;
        numItems = numItems + 1;

        });
        //alert(totalWidth * -1);

        my_jQuery('ul', 'div#scroll_Bar').width(totalWidth);
        var slidewidth = totalWidth - 960;
        //end of addition


        var container = $('div#scroll_Bar');
        var ul = $('ul', container);

        var itemsWidth = ul.innerWidth() - container.outerWidth();

        //$("div.sliderGallery ul li").hover(stop(true, true), stop(true, true));
        my_jQuery('ul', 'div#scroll_Bar').animate({'left' : slidewidth * -1}, numItems * 1000, 'linear');
        my_jQuery('ul', 'div#scroll_Bar').animate({'left' : 0}, numItems * 800, 'linear');


        my_jQuery('.slider', container).slider({
            min: 0,
            max: itemsWidth,
            handle: '.handle',
            stop: function (event, ui) {
                ul.animate({'left' : ui.value * -1}, 500),my_jQuery('ul', 'div#scroll_Bar').stop(true, true);
            },
            slide: function (event, ui) {
                ul.css('left', ui.value * -1),my_jQuery('ul', 'div#scroll_Bar').stop(true, true);
            }
        });

    };

是否可能使用.stop（）命令

因此，在设置两行动画后：

my_jQuery('ul','#scoll_Bar').mouseover(function(){
    $(this).stop();
});

另外，在带有ID的元素之前添加

div

也没有意义，所以请删除它们：

---

div#滚动条

感谢您的回复。输入代码后，当我把鼠标放在上面时，它仍然不会停止。您可以查看链接以查看（我添加了代码）。如果您有任何进一步的建议，我们将不胜感激。提前谢谢