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';
}
} 展开
经过我这里
</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';
}
} 展开
展开全部
<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>
经过我这里
</DIV>
<DIV id="abc" onmouseover="this.style.display = 'block';" onmouseout="this.style.display = 'none';">
我本来是隐藏滴
</DIV>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以啊，例如
function MM_Mouse(flag) {
if(flag == 'over') {
//显示
} else if(flag == 'out') {
//隐藏
}
}
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';
}
}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!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">
<!--
var magic = {
dis: function(obj) {
obj.style.display = "block";
},
hid: function(obj) {
obj.style.display = "none";
}
}
//-->
</script>
</head>
<body>
<div id="test" onmouseover="magic.hid(this)" onmouseout="magic.dis(this)">MagicBox</div>
</body>
</html>
<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">
<!--
var magic = {
dis: function(obj) {
obj.style.display = "block";
},
hid: function(obj) {
obj.style.display = "none";
}
}
//-->
</script>
</head>
<body>
<div id="test" onmouseover="magic.hid(this)" onmouseout="magic.dis(this)">MagicBox</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
function showhidediv(id){
document.getElementById(id).style.display = document.getElementById(id).style.display=='none'?'':'none';
}
<DIV onclick=“showhidediv('要隐藏的ID')”>经过这里会显示隐藏的内容</DIV>
<DIV id="要隐藏的ID">我本来是隐藏滴</DIV>
document.getElementById(id).style.display = document.getElementById(id).style.display=='none'?'':'none';
}
<DIV onclick=“showhidediv('要隐藏的ID')”>经过这里会显示隐藏的内容</DIV>
<DIV id="要隐藏的ID">我本来是隐藏滴</DIV>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
嗯 可以啊
function MM_Show('abc'){
document.abc.style.display="none";
}
function MM_Over('abc'){
document.abc.style.display="";
}
望采纳
function MM_Show('abc'){
document.abc.style.display="none";
}
function MM_Over('abc'){
document.abc.style.display="";
}
望采纳
追问
乖乖 我本来就是这样写的，感觉有点啰嗦 想一个函数搞定隐藏 显示
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（6）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
