然后给图片添加hover伪类，改成你需要定位的值，鼠标移上去显示出来，，要慢慢下滑出来或者其他动态出来，使用css的过渡效果就行了
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
* {box-sizing: border-box;margin: 0;padding: 0}
.box, .aa img{width: 250px;height: 350px;overflow: hidden;} /*范围之外不可见*/
.text {
background: rgba(0,0,0,.5);
padding: 10px;
color:#fff;
font-size: 20px;
position: relative;
margin-top: 0; /*text默认处于aa盒子下面,所以不可见*/
transition: .5s} /*transition为过渡动画效果，时间0.5秒*/
.box:hover .text {margin-top: -72px} /*鼠标经过box, 则text逐渐上移到aa范围内*/
.text span {font-size: 16px;color: #655c5c}
.text img {width: 100%}
</style>
</head>
<body>
<div class="box">
<div class="aa">
<img src="http://www.nanningsn.com/uploadfiles/adver/pro-07.jpg">
</div>
<div class="text">
<p>我是隐藏的DIV标题</p> <span>我也是隐藏的内容介绍</span>
</div>
</div>
</body>
</html>
采纳吧，好用的话给个赞，也希望和大家一起讨论私聊，
html 当鼠标停留在图片上 显示另外一个div
那个透明的盒子是单独写的，写好后，使用绝对定位将其移到图片盒子区域外（比如说left:9999px;），图片要求使用overflow:hidden;，这样刚开始的时候就看不见文字，然后给图片添加hover伪类，改成你需要定位的值，鼠标移上去显示出来，，要慢慢下滑出来或者其他动态出来，使用css的过渡效果就行了 ...
html怎么实现当鼠标经过一个图片时显示另一张图片
1、准备切换图片素材，一般是两张，如图，放入img文件夹，跟HTML同级。2、然后用img嵌入到网页，嵌入其中的一张，另外一张待会切换。3、如图，现在是静态的，鼠标放上去也不会产生切换反应，因为没有用JS。4、如图，获取img，转成JS对象，加个[0]就可以转js对象了。5、然后设定经过事件，切换成另一...
html css 鼠标滑到一个图片\/div上会在一边显示另一个div。求解!!!
1, 2 外面包一层 div (称为3)，并且 2 预设 display 设定为 none 隐藏 当鼠标滑过 3 ，就把 3:hover > 2 的 display 打开(block) 即可 不懂可以私信问我详细
html使用onmouseover事件怎么设置鼠标移动到图片或者文字上在旁边弹出一...
<Ahref=""><imgsrc="..\/images\/yumen.jpg"onmouseover="this.src='..\/images\/yumen1.jpg'"onmouseout="this.src='..\/images\/yumen.jpg'"width="100"height="28"><\/A>...\/\/设置一个div，但是默认却是隐藏起来的。.s1{ position: absolute;display: none;} \/\/ js function show(){ ...
html网页中 如何 鼠标经过图片 然后旁边显示字体 或者 在另外一个模...
<img src="路径" title="DREAM" alt=""\/> title加东西就行了
怎么在html中实现鼠标放在图片上,右边出来框?
DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title<\/title><style>#test{width: 50px;}#test:hover + #box{display: inline-block;}#box{width: 100px;height: 50px;background-color: green;display: none;}<\/style><\/head><body><img id="test" src="https...
鼠标移在图片显示div, 离开时 如果鼠标在显示的div上时就不隐藏,反之隐...
("#img id").hover(\/\/鼠标移在图片显示div function () { ("#div id").show();},\/\/鼠标离开图片时触发 function () { ("#div id").hover(\/\/鼠标在层上时，不改变 function () { },\/\/鼠标里开层时，隐藏层 function () { ("#div id").hide();});} );\/\/鼠标在离开图片后...
html中点击图片促发一个DIV
在图片的div里添加属性onmouseover=“divjs()”然后<script>function divjs(){这里写div操作}<\/script> 还有一个就是用js实现：这是我的一个鼠标经过触发，你自己可以仿照着改 (document).ready(function () { ("#accordion img").css({ display: "none",left: "auto"});("#accordion img")...
html使用onmouseover事件怎么设置鼠标移动到图片或者文字上在旁边弹出一...
"s1").style.display="none";} <img src="small.bmp"onmouseover="show();" onmouseout="dis();"> <div class="s1" id="s1"><img src="big.bmp"><\/div> 要是想弹出文字介绍 把s1里面的img换成字就行了，或者简单点就在第一个img上加一个alt的属性，鼠标放在上边也有显示。
鼠标滑过div让另外一个div从隐藏变为显示
1、给鼠标经过的DIV添加一个类 ，类名为submeau；如下图：2、给显示或者隐藏的DIV，添加一个ID，ID名为:id="oa_submeau"，如下图：3、将以下的JQUERY代码放在整个网页的最底部，用于控制鼠标经过显示DIV，离开隐藏DIV。<script src="http:\/\/apps.bdimg.com\/libs\/jquery\/2.1.4\/jquery.min.js...
