这段js代码怎么不起作用啊，完全照抄视频里面的啊，一点效果都没有
4个回答
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
#p{
width:200px;
height:50px;
background-color:#ffff66;
border:1 solid blue;
}
</style>
</head>
<body>
<label onmouseover="document.getElementById('p').style.display='block';"
onmouseout="document.getElementById('p').style.display='none';">loveyou<input type="checkbox"></label>
<div id="p">
adsafsdfafafs
</div>
</body>
</html>
鼠标移动到label上时，div不变，移开，消失 貌似你写成了lable标签
<html>
<head>
<style>
#p{
width:200px;
height:50px;
background-color:#ffff66;
border:1 solid blue;
}
</style>
</head>
<body>
<label onmouseover="document.getElementById('p').style.display='block';"
onmouseout="document.getElementById('p').style.display='none';">loveyou<input type="checkbox"></label>
<div id="p">
adsafsdfafafs
</div>
</body>
</html>
鼠标移动到label上时，div不变，移开，消失 貌似你写成了lable标签
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
代码是按顺序执行的~
你红线处代码执行时~id为p的div还没有没加载到呢~~是undefind~所以你的代码不好使~
你把红线处代码段落移到div下面就好了
追问
试了，不行，浏览器是IE8 搜狗也试了，都不行，一打开那个页面，也没隐藏，就是好像没作用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你这段代码是没问题的, 鼠标悬浮在lable上下面的div就显示, 移开就消失
如果有问题就可能是你运行环境的问题了, 不知道你用的什么浏览器
如果有问题就可能是你运行环境的问题了, 不知道你用的什么浏览器
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不知道你想要的怎么样的效果，这里写了鼠标移到loveyouoyoutanli<input type="checkbox">上会显示下面的信息，鼠标移开后隐藏。
追问
就是没有 移到上面隐藏，移开显示的效果，打开页面就显示了，
追答
真没看出你写的和你采纳的有什么区别
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
