我有一个元素,它会在我点击一个按钮后出现。我现在想要的是当我的鼠标指针离开元素时隐藏元素。这怎么可能?谢谢
JS 脚本:
$(document).ready(function() {
$('.hide').hide();
$('.button').click(function() {
$(this).closest('div').find('.hide').toggle(400);
return false;
});
HTML 代码:
<a class="button" >More</a>
<div class="hide" ><img src="images/icon.png" /></div>
//I want this div hide element to hide after my mouse pointer leave this div area
非常感谢:D
最佳答案
$("div.hide").mouseleave(function(){
$(".hide").hide();
});
要再次显示 div 内容,您可以使用 mouseenter(),例如:
$("div.hide").mouseenter(function(){
$(".hide").show();
});
或者你也可以这样做:(用于切换)
$("div.hide").mouseleave(function(){
$(".hide").hide();
}).mouseenter(function(){
$(".hide").show();
});
关于javascript - 当鼠标离开内容区域时,JS隐藏html内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16457167/