怎样用html达到鼠标进入显示div,拿出隐藏。向下面这个
像这个鼠标没在图片的大div时红框里面的是隐藏的当鼠标移进图片时红框内容显示。要html达到或者简短的js也行不要长篇的代码...
像这个鼠标没在图片的大div时红框里面的是隐藏的 当鼠标移进图片时 红框内容显示。要html达到 或者简短的js也行不要长篇的代码
展开
3个回答
展开全部
把文字信息放在一个div中,相对与原图片绝对定位,初始状态div设置display:none,当鼠标进入时设置display:block
追问
这个我知道就是怎么写鼠标事件
追答
可以利用jQuery实现
$(function(){
$(this).mouseover(function(){
$("#test").removeClass("cur");
$(this).addClass("cur");
}).mouseout(function(){
$(this).removeClass("cur");
});
设置一下div的class,在显示和隐藏之间切换就可以了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<style type="text/css">
.a1{
border:2px black solid;
width:200px;
height:200px;
float:left;
margin-left:5px;
}
.a2{
display:none;
margin-top:100px;
}<!--a2平时隐藏-->
.a1:hover .a2{
display:block;
}<!--鼠标划过a1 a2显示。-->
</style>
</head>
<body>
<div class="a1">这层放图片图片
<div class="a2">这层放文字</div>
</div>
</body>
</html>
如图。。用DIV套DIV的方法。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询