悬停时停止移动服务轮播项目

Stop Moving Service carousel items on hover

本文关键字：项目 服务 移动 悬停      更新时间：2023-09-26

New JS Bie亲爱的大家，我有一个wordpress主题网站 http://www.kreativestudio.ca 其中服务轮播项目水平移动，使项目移动的代码是：

(function (){
    jQuery(document).ready(function (){
        var el = jQuery(".serv_corusel a.bx-next");
        setInterval(function(){
            el.trigger('click');
        },4000);
    });
})();

我想要帮助，我对javascript有一点了解，我需要的是，在移动悬停时它会停止，当鼠标再次越过它时，它开始移动。

问候塔波斯。

试试这段代码

(function (){
    jQuery(document).ready(function movecar(){
    var el = jQuery(".serv_corusel a.bx-next");
    var timer = setInterval(function(){el.trigger('click');
    },2000);
    jQuery(".serv_corusel").hover(function(){
    clearInterval(timer);
    },function(){
    timer = setInterval(function(){el.trigger('click');
    },2000);});
    });
 })();
相关文章：