移除黑色去才能让黑色背景重新显示，怎么实现？

wudichaoren2011 2015-10-09 04:50:19





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>



<style type="text/css">



#my01

{

	display:block;

	width:500px;

	height:500px;

	margin:60px auto;

	background-color:#000;

	

	}





</style>



<script type="text/javascript">

function my()

{

	var x1 = document.getElementById("my01");

	x1.style.display="none";

	

	}

function my1()

{

	var x1 = document.getElementById("my01");

	x1.style.display="block";

	

	}

</script>







</head>



<body>



<div id="my01" onmouseover="my()" onmouseout="my1()">





</div>







</body>

</html>

现在在黑色背景下，鼠标移动是一闪一闪的，希望鼠标在黑色背景上，黑色背景消失

鼠标移开黑色背景，黑色背景出现？怎么实现？

...全文

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

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

天际的海浪 2015-10-09

打赏
举报

引用 3 楼 wudichaoren2011 的回复:

x1.style['background-color']与x1.style.background-color一样吗？

这两个都不对，应该是x1.style.backgroundColor

wudichaoren2011 2015-10-09

打赏
举报

x1.style['background-color']与x1.style.background-color一样吗？

睡睡觉困了 2015-10-09

打赏
举报


<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        #my01
        {
            display:block;
            width:500px;
            height:500px;
            margin:60px auto;
            background-color:#000;

        }
        #my01:hover{
            background-color: transparent;
        }
    </style>
</head>
<body>
<div id="my01"></div>
</body>
</html>

试试吧

slwsss 2015-10-09

打赏
举报

function my() { var x1 = document.getElementById("my01"); x1.style['background-color']="inherit"; } function my1() { var x1 = document.getElementById("my01"); x1.style['background-color']="#000"; }