当鼠标移动到图片时, 图片外的下方显示文字"你好", 当鼠标移动到图片外的文字"你好"消失
如题,使用onmouseover和onmouseout.不可以使用CSShover的属性,因为是作业老师这么要求的..最好是可以不用在<head>里面写JS,而是在HTM...
如题, 使用onmouseover 和 onmouseout.
不可以使用CSS hover的属性, 因为是作业 老师这么要求的..
最好是可以不用在<head> 里面写JS, 而是在HTML本身里使用onmouseover 和 onmouseout完成.
谢谢帮助. 展开
不可以使用CSS hover的属性, 因为是作业 老师这么要求的..
最好是可以不用在<head> 里面写JS, 而是在HTML本身里使用onmouseover 和 onmouseout完成.
谢谢帮助. 展开
展开全部
<html>
<body>
<img src="test.jpg" onmouseover="javascript:document.getElementById('hello').style.display=''"
onmouseout="javascript:document.getElementById('hello').style.display='none'"></img>
<div id="hello" style="display:none">你好！</div>
</body>
</html>
追问
您好 您的回答完全符合我的需要谢谢, 但是我想问下 如果要用css的话.. 又是怎么解呢?
因为马上就要学到 谢谢您.
追答
其实用css更麻烦，我反正是没找到什么好的方法，只想到一个类似可以解决的方法：
<html>
<head>
<style type="text/css">
.imgHover{
margin: 0px 0px -20px 0px;
z-index:2;
position:relative;
}
.imgHover:hover{
margin: 0px;
}
</style>
</head>
<body>
<img src="clock.jpg" class="imgHover"></img>
<div id="hello" style="z-index:1;position:relative;">你好！</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
