Question

js里面如何使鼠标经过出现一个div,移开就消失？求大神帮帮忙啊~

我不是很懂js,现在是鼠标经过就有了，但是移开却不消失，请问怎么让移开后div消失呢？不胜感激啊！

Answer 1

onmouseout(鼠标移开)
再做一个消失的函数

追答

其实显示的函数你做的复杂了

function show(n)
{
document.getElementById(n).style.display="block";
}
function hide(n)
{
document.getElementById(n).style.display="none";
}

显示/隐藏div1
显示/隐藏div2

熊小猫

Answer 2

html里面都没有鼠标移开事件。

Answer 3

document.documentElement.onmouseout = function(){
this.style.display = "none";
}
//document.documentElement=文档中任何元素
//可以替换成要触发的元素
============鼠标经过显示，移开消失的粒子==========
<div><button>2017年经典动作</button></div>
<div>2017年隐藏的密码</div>
<script type="text/javascript">
function $(id) {
return document.getElementsByTagName(id);
}
var a = $("div")[0];//div1
var b = $("div")[1];//div2
b.style.display = "none";
a.onmouseover = function () {
b.style.display = "block";
}
a.onmouseout = function () {
b.style.display = "none";
}
}
</script>