Javascript 当鼠标单击它时停止jquery效果';停止

Javascript 当鼠标单击它时停止jquery效果';停止,javascript,jquery,Javascript,Jquery,我有一个效果开始时,它的图像悬停和幻灯片下面的不同图像,但如果我想停止效果时,鼠标停止,什么是最好的解决方案 这里有html-css-jQuery代码 这是我的例子 jQuery.noConflict()(function($) { $(document).ready(function() { var timeout; var flipImages = function($container) { var amo

我有一个效果开始时,它的图像悬停和幻灯片下面的不同图像,但如果我想停止效果时,鼠标停止,什么是最好的解决方案

这里有html-css-jQuery代码

这是我的例子

    jQuery.noConflict()(function($) {

     $(document).ready(function() {
         var timeout;

         var flipImages = function($container) {
             var amount = $container.data("amount");
             var current = $container.data("current");

             if (current >= amount) {
                 current = 1;
             } else {
                 current = current + 1;
             }
             var dataAttr = "image" + current;
             var image = $container.data(dataAttr);
             $container.hide(0, function() {
                 $container.css("background-image", "url(" + image + ")");
                 $container.show(0);
                 $container.data("current", current);
             });
             timeout = setTimeout(function() {
                 flipImages($container);
             }, 1000)
         };

         $(".ct-image").hover(
             function() {
                 var $that = $(this);
                 timeout = setTimeout(function() {
                     flipImages($that);
                 }, 1000)
             },
             function() {
                 if (timeout) {
                     clearTimeout(timeout);
                 }
             });
     });
 });

您可以将“mousemove”事件与jQuery一起使用

$('.ct-image').mousemove(function(){
  //your code here
});
仅当您在图像上移动鼠标时,才会触发此处的“mousemove”事件。如果停止移动,则不会触发任何事件

您可以在此处查看文档:


干杯

您可以将“mousemove”事件与jQuery一起使用

$('.ct-image').mousemove(function(){
  //your code here
});
仅当您在图像上移动鼠标时,才会触发此处的“mousemove”事件。如果停止移动,则不会触发任何事件

您可以在此处查看文档:


干杯

你说的“鼠标停下来”是什么意思?你是说当鼠标被移出时?另外,您的代码会发生(或不会发生)什么情况?您是否收到任何控制台错误?可能使用此函数.stop()?我希望仅当“我在图像上移动鼠标,所以当我悬停图像且不移动鼠标时,我希望效果停止”时才激活该效果。您所说的“鼠标停止”是什么意思?你是说当鼠标被移出时?另外,您的代码会发生(或不会发生)什么情况?你有任何控制台错误吗?可能使用此函数。stop()?我只想在“我在图像上移动鼠标时激活此效果,所以当我在图像上悬停并且不移动鼠标时,我希望在我使用时停止此效果。mousemove event not trigger。你能将整个代码(html+css+js)放入JSFIDLE中吗?我会看一看:)如果我使用.mouse移动事件而不是触发器。你能把你的全部代码(html+css+js)放在JSFIDLE中吗?我来看看:)