如何延迟jQuery中的CSS更改？这是我的代码：
$("document").ready(function() {
$(".pressimage img").mouseenter(function() {
$jq(this).css('z-index','1000');
});
$(".pressimage img").mouseleave(1000,function() {
$jq(this).css('z-index','1');
});
});
我需要鼠标离开后约1/2秒的鼠标功能.
我使用一些其他jquery来使图像在鼠标悬停上展开.当它们展开时,它们相互覆盖,所以我需要动画图像的z指数高于另一个.然后当鼠标离开z-index时必须恢复正常.
上述代码的工作原理除了z-index在鼠标离开之后发生更改,因此动画没有时间完成.因此,我需要稍微延迟mouseleave功能.谢谢
UPDATE
这是我的网站：
http://smartpeopletalkfast.co.uk/ppr6/press
我把我的代码放在头上：
$jq("document").ready(function() {
$jq(".pressimage img").mouseenter(function() {
$jq(this).css('z-index','100');
});
$jq(".pressimage img").mouseleave(function() {
$jq(this).css('z-index','1');
});
});
这段代码工作正常,但没有任何延迟.如果您将鼠标悬停在左上角的图像上,则可以正常工作,但一旦鼠标移开,就会在其下方的图像之后.
谢谢
解决方法
尝试这个：
$(".pressimage img").mouseleave( function(){
var that = this;
setTimeout( function(){
$(that).css('z-index','1');
},500);
});
