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

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>




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

鼠标移开黑色背景,黑色背景出现?怎么实现?
...全文
118 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"; }

87,885

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧