求助js控制css样式的一段代码

xkmmrs 2012-05-29 06:06:29



<div onmouseover="javascript:this.style.backgroundColor='#F00'">

<div class="a1">dddd</div>

<div class="a2">cccc</div>

<div>

如何做到，当鼠标移动到最外面的DIV层上方时，使class为a1的div隐藏，即 display:none

...全文

117 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

lc_myth 2012-05-29

打赏
举报

定义外层div id为 xx



<script>

	document.getElementById("xx").onmouseover = function(){

	this.children[0].style.display = 'none';

}

</script>

乌镇程序员 2012-05-29

打赏
举报

<div onmouseover="this.style.backgroundColor='#F00';" onmouseout="f(event, this);">

  <div class="a1">dddd</div>

  <div class="a2">cccc</div>

</div>

<script type="text/javascript">

function f(e, o) {

	var e = e || window.event;

	var div = o.getElementsByTagName('div'), obj = [];

	for (var i = 0; i < div.length; i ++) if (div[i].className == 'a1') obj.push(div[i]);

	if (e.clientY < o.offsetTop) {

		for (var i = 0; i < obj.length; i ++) obj[i].style.display = 'none';

	}

}

</script>

k_zxf 2012-05-29

打赏
举报

第一次回帖本想贴可运行代码的结果成这样了郁闷 - - 楼主将就着看看吧不知道是不是你想要的答案

k_zxf 2012-05-29

打赏
举报

<html>
<head>
</head>
<body>
<div id="wrapBox">
<div class="a1">dddd</div>
<div class="a2">cccc</div>
</div>
<script type="text/javascript">

var oBox = document.getElementById('wrapBox');

var oHidden = oBox.getElementsByTagName('div')[0];

oBox.onmouseover = function()

{

oHidden.style.display = 'none';

}

oBox.onmouseout = function()

{

oHidden.style.display = 'block';

}
</script>
</body>
</html>