怎样用html达到鼠标进入显示div,拿出隐藏。向下面这个

像这个鼠标没在图片的大div时红框里面的是隐藏的当鼠标移进图片时红框内容显示。要html达到或者简短的js也行不要长篇的代码... 像这个鼠标没在图片的大div时红框里面的是隐藏的 当鼠标移进图片时 红框内容显示。要html达到 或者简短的js也行不要长篇的代码 展开
 我来答
永远的630
2012-11-10
知道答主
回答量:14
采纳率:0%
帮助的人:2.2万
展开全部
用ps做两张图片,一张是纯图片,另一张是图片上带字的图片,然后在DW中点插入图像——图像对象——鼠标经过图像就能做出这种效果了
追问
这个行不通 的  要后台管理的我还难的处理的
315058122
2012-11-10
知道答主
回答量:42
采纳率:0%
帮助的人:19.2万
展开全部
把文字信息放在一个div中,相对与原图片绝对定位,初始状态div设置display:none,当鼠标进入时设置display:block
追问
这个我知道就是怎么写鼠标事件
追答
可以利用jQuery实现

$(function(){
$(this).mouseover(function(){
$("#test").removeClass("cur");
$(this).addClass("cur");
}).mouseout(function(){
$(this).removeClass("cur");
});
设置一下div的class,在显示和隐藏之间切换就可以了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
lanni3300
推荐于2018-03-26
知道答主
回答量:5
采纳率:0%
帮助的人:8.2万
展开全部

<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的方法。

本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式