我正在使用以下代码
$(function() {
$("#page-flip").mouseover(function() {
$(".box").toggleClass("box-change");
$(".films").toggleClass("films-change");
$(".synopsis").toggleClass("synopsis-change");
哪种方法效果很好,但作为鼠标悬停它比点击更加试探性。我希望当触发鼠标悬停以使其完全完成时,以及它在5秒或之后立即处于非活动状态。基本上,目标是行动根本不会退缩。感谢任何想法?
答案 0 :(得分:1)
添加一些变量,例如“var flipDelay = false”
$("#page-flip").mouseover(function() {
if (!flipDelay) {
flipDelay = true;
setTimeout(function(){flipDelay=false},5000)
//do stuff
}
})