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