JS鼠标经过显示离开隐藏

<DIVonmouseover="document.getElementById(abc).style.display="block""onmouseout="docum... <DIV onmouseover="document.getElementById(abc).style.display ="block"" onmouseout="document.getElementById(abc).style.display ="none">
经过我这里
</DIV>
<DIV id="abc" onmouseover="document.getElementById(abc).style.display ="block"" onmouseout="document.getElementById(abc).style.display ="none">
我本来是隐藏滴
</DIV>

我的想法是：
<DIV onclick=“函数('要隐藏的ID')”>经过这里会显示隐藏的内容</DIV>
<DIV id="要隐藏的ID">我本来是隐藏滴</DIV>

函数可能是
function 函数(要隐藏的ID) {
if(鼠标经过的时候) {
//显示
document.getElementById('要隐藏的ID').style.display = 'block';

} else
{
//隐藏
document.getElementById('要隐藏的ID').style.display = 'none';

}

} 展开

 我来答

8个回答

#合辑# 面试问优缺点怎么回答最加分？

槛外人网上人生
2012-12-28 · TA获得超过6254个赞

知道大有可为答主

回答量：1710

采纳率：0%

帮助的人：549万

我也去答题访问个人页

关注

展开全部

<DIV onmouseover="document.getElementById('abc').style.display = 'block';" onmouseout="document.getElementById('abc').style.display = 'none';">
经过我这里
</DIV>
<DIV id="abc" onmouseover="this.style.display = 'block';" onmouseout="this.style.display = 'none';">
我本来是隐藏滴
</DIV>

本回答被网友采纳

已赞过已踩过<

你对这个回答的评价是？
评论收起

molaifeng
推荐于2016-04-29 · TA获得超过5273个赞

知道大有可为答主

回答量：1629

采纳率：50%

帮助的人：1786万

我也去答题访问个人页

关注

展开全部

可以啊，例如
function MM_Mouse(flag) {
if(flag == 'over') {
//显示

} else if(flag == 'out') {
//隐藏

}

}

更多追问追答

追问

if(flag == 'over')？判断鼠标状态？还是？？
这函数貌似缺少一个要隐藏的数据 ID吧？

追答

function MM_Mouse(flag,ele) {
        if(flag == 'over') {
                document.getElementById(ele).style.display = '';    
        } else if(flag == 'out') {
                document.getElementById(ele).style.display = 'none';    
        }
}

本回答被提问者采纳

已赞过 已踩过<

评论收起

skingyang
2012-12-28 · TA获得超过586个赞

知道小有建树答主

回答量：767

采纳率：60%

帮助的人：326万

我也去答题访问个人页

关注

展开全部

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript">

</script>
</head>
<body>
<div id="test" onmouseover="magic.hid(this)" onmouseout="magic.dis(this)">MagicBox</div>
</body>
</html>

已赞过 已踩过<

评论收起

laoqiming
2012-12-29 · TA获得超过134个赞

知道答主

回答量：151

采纳率：0%

帮助的人：141万

我也去答题访问个人页

关注

展开全部

function showhidediv(id){
document.getElementById(id).style.display = document.getElementById(id).style.display=='none'?'':'none';

}
<DIV onclick=“showhidediv('要隐藏的ID')”>经过这里会显示隐藏的内容</DIV>
<DIV id="要隐藏的ID">我本来是隐藏滴</DIV>

已赞过 已踩过<

评论收起

帐号已注销
2012-12-28 · TA获得超过334个赞

知道小有建树答主

回答量：400

采纳率：100%

帮助的人：142万

我也去答题访问个人页

关注

展开全部

嗯可以啊
function MM_Show('abc'){
document.abc.style.display="none";
}
function MM_Over('abc'){
document.abc.style.display="";
}
望采纳

追问

乖乖 我本来就是这样写的，感觉有点啰嗦  想一个函数搞定隐藏 显示

已赞过 已踩过<

评论收起

更多回答（6）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

JS鼠标经过显示 离开隐藏

其他类似问题

为你推荐：

JS鼠标经过显示离开隐藏