2014-04-07 64 views
0

我期待讓我的jQuery工具提示在2秒後消失。我在下面使用下面的代碼,但它只在鼠標移出後消失。我希望它在打開2秒後消失。使jQuery工具提示在2秒後消失

$(function() { 
    $(".name").tooltip({ hide: { effect: "explode", duration: 2000 } }); 

}); 

感謝

回答

2

嘗試使用的setTimeout

在這裏,我將展示一個簡單的例子;

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"> 
</script> 
<script> 
$(document).ready(function(){ 
    $("p").mouseover(function(){ 
    $("p").css("background-color","yellow"); 
setTimeout (function(){$("p").css("background-color","lightgray");},1000); 
    }); 
    $("p").mouseout(function(){ 
    $("p").css("background-color","red"); 
    }); 
}); 
</script> 
</head> 
<body> 

<p>Move the mouse pointer over this paragraph.</p> 

</body> 
</html> 

希望它能幫助你!謝謝 !!!

+0

謝謝,這看起來很完美。 – user3296793

+0

歡迎!如果可以的話;然後選擇這個作爲你的答案!謝謝 –