2个回答
展开全部
鼠标的移入移出事件在你的div里是应该这样写的：<div id="mlabl" onmouseover="displaynan()" onmouseout="styleChangeout()"></div>，没见过一个鼠标事件同时触发两个函数（你放了两个函数在上面）。另外，还有要注意的是onmouseover和onmouseout事件有冒泡（即鼠标移到其后代元素上时会触发，若这里不懂什么是冒泡请自行百度吧），所以，更多情况下我们推荐使用mouseenter和mouseleave来代替这两个事件。
我简单的做了一个类似的，不知道符不符合你的要求：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>鼠标经过时显示不同的内容</title>
</head>
<body>
<div id="mlabl" onmouseover="displaynan('男')" onmouseout="styleChangeout()">
<label><a id="ma1"><br /> 推荐男会员</a></label>
</div>
<div id="mlab2" onmouseover="displaynan('女')" onmouseout="styleChangeout()">
<label><a id="ma2"><br /> 推荐女会员</a></label>
</div>
<div id="usernan">男 内容</div>
<div id="usernv">女 内容</div>
<script type="text/javascript" charset="UTF-8">
function displaynan(sex){
if(sex=="男"){
document.getElementById('usernan').style.display = "block";
document.getElementById('usernv').style.display = "none";
}else{
document.getElementById('usernan').style.display = "none";
document.getElementById('usernv').style.display = "block";
}
}
function styleChangeout(){
document.getElementById('usernan').style.display = "none";
document.getElementById('usernv').style.display = "none";
}
</script>
</body>
</html>
希望我的回答能帮助到你。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
